React Ninjas Newsletter
Weekly curated blogs and tools for ReactJS pros.
Comparison of Redux batching techniques
3 minutes - An explanation of the various options for batching actions in Redux.
Smaller HTML payloads with service workers
9 minutes - Many developers know that you can use service workers to cache web pages (and their sub-resources) in order to serve those pages to users when they’re offline. And while this is true, it’s far from the only thing that service workers can do to improve the performance and reliability of a website.
My confusions about TypeScript
4 minutes - I've run into a few significant frustrations that have really slowed me down, and I'm hoping some of my much more experienced TypeScript DEV friends will be able to help me figure them out!
Build once, deploy anywhere for React
/Omit over union types in TypeScript
5 minutes - This article assumes intermediate knowledge of both TypeScript and React. Concepts you should be familiar with include Higher Order Components and utility TypeScript types such as Pick
A basic single-page site with deep linking and analytics
3 minutes - Shedding all the frameworks and libraries in pursuit of a simple, accessible, highly performant site (and a perfect Lighthouse score).
Separate the beat from the lyrics w/ Deezer’s spleeter
Config a project with Next, Typescript, TSLint and Jest
8 minutes - Create-React-App just provides an easy way to start this React project. In this article, I will show you how I usually config my project and explain what's the benefit of doing that.
A guide to Next.js API routes
5 minutes - In Next.js v9, API routes were introduced which allow you to create RESTful endpoints as part of your Next folder structure.
Using Suspense with react-query
13 minutes - React-query is a tried-and-true library for querying and caching data. Using it alongside Suspense helps to improve your user experience.
Power of simplifying large components in React
12 minutes - We will be simplifying a large React component from a real world production app and explore the powerful benefits it gives in return.
How to get previous props/state with React Hooks
6 minutes - This guide explains how to access previous props and states from within functional components in React by leveraging the useRef Hook.
Fluid header transitions with React Native & TypeScript
React UI served by a Spring cloud gateway OAuth2 client
19 minutes - This is Part 2 of the series "Merry Microservices".
- How to get form data on submit in ReactJS (3 min.)
- Dockerize a React app w/ Node and MongoDB (8 min)
- Understand compound components in React (7 min.)
Redux vs React Context
9 minutes - This article covers only the Context API. We're going to build the same project with React context. If you're interested in how to manage state with Redux, my previous post might help you here.
Shopify’s product component library
Polaris React is a component library designed to help developers create the best experience for merchants who use Shopify. Visit the Polaris style guide to learn more.
Kentcdodds/bookshelf: build a React app
This is the source material for Build a ReactJS App, a workshop by Kent C. Dodds.
- GraphQL workshop material
- An interactive resume editor made with React
- Useful React hooks to speed-up your components
- Solandra, a TypeScript algorithmic art framework
Good times create weak men
5 minutes - In Software Disenchantment we’ve seen how software has degraded in the past two decades. Recently Jonathan Blow gave a talk where he explained why it might be happening.
Thoughts after messing around with the JAMstack
Privacy through granular separation of user ID's
10 minutes - Paranoid aims to allow users to regain control of their personal data. We explore a new paradigm of designing web services to present personal data on HTML webpages without having access to the data itself, with the assumption that the web service is untrusted.
Paranoid achieves this by storing all personal data separately outside of the service, only substituting the private data on the client side via DOM manipulation using a Chromium extension, as well as a secure platform to share private data files with other users built on top of Keybase.
GraphQL bootcamp - 4 part video playlist
Warning: this playlist takes 10 hours in total.
About me and my own project
React Ninjas Newsletter is a mailing serving the latest and finest resources for React pros. I’m Andrés, a Mexican moved to the Netherlands to help building Jexia, a cloud hub for front-end engineers. With Jexia, a frontend dev pays zero to eight euros per month to build fully equipped web apps.
Product Examples Pricing