Making Sense of React Server Components

#423 – September 11, 2023 Making Sense of React Server Components This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm ... more

The underlying mechanisms of React’s concurrent mode

#421 – August 28, 2023 The underlying mechanisms of React’s concurrent mode In this article, besides sharing how the concurrent mode works with the help of React’s transitions, I will also walk you through my reasoning process that I employ whenever ... more

Fantastic closures and how to find them in React

#420 – August 21, 2023 Fantastic closures and how to find them in React Deep dive into closures in JavaScript and React: how they appear, why we need them, what stale closures are, and how to prevent and fix them in React. Build better software with ... more

Things you forgot (or never knew) because of React

#419 – August 14, 2023 Things you forgot (or never knew) because of React If you don't often look beyond established comfortable defaults, you might be surprised to learn just how far the world of frontend has moved away from React, and how big that ... more

Upgrading an Ancient React Application

#417 – July 31, 2023 Upgrading an Ancient React Application Read what it took to bring an early React app into the modern ecosystem. Build React components visually with Webflow (sponsor) Create production-ready React components visually in Webflow and ... more

How React 18 Improves Application Performance

#416 – July 24, 2023 How React 18 Improves Application Performance Learn how React 18's concurrent features like Transitions, Suspense, and React Server Components improve application performance. Build React components visually with Webflow (sponsor) ... more

React Performance & Optimization

#414 – July 10, 2023 React Performance & Optimization Ship fast and performant UIs, a great start to positive UX. SDKs to build quality product onboarding and education (sponsor) Dopt gives developers a component library & SDKs to build seamless ... more

Million.js

#411 – June 19, 2023 Million.js The Virtual DOM Replacement for React. Gain big performance wins for UI and data heavy React apps. Dead simple to use. Frontend development accelerated with AI (sponsor) With Locofy.ai, you can turn your Figma/Adobe XD ... more

Isomorphic Development

#410 – June 12, 2023 Isomorphic Development Fullstack development, or rather isomorphic development, isn't as easy as they say. The Future of data delivery via APIs - Register Now (sponsor) Data APIs are reshaping the world of data delivery and access, ... more

JWT Authentication in React with react-router

#409 – June 05, 2023 JWT Authentication in React with react-router In this blog post, we'll explore the seamless integration of JWT authentication with React and react-router. We'll also learn how to handle public routes, secure authenticated routes, ... more

Understanding React Concurrency

#408 – May 29, 2023 Understanding React Concurrency React v18.0 has broken ground by introducing a long-awaited feature: Concurrency! Unfortunately, despite a deluge of resources explaining how to use it, explanations of how it works are sparse. As it ... more

Patterns from Other Languages to Enhance Your Frontend Projects

#407 – May 22, 2023 Patterns from Other Languages and Frameworks to Enhance Your Frontend Projects Drawing from 12 years of programming across various languages, I'll share how I've applied principles from these to my frontend projects. Adding Authentication ... more

What Are React Server Components

#405 – May 08, 2023 What Even Are React Server Components React Server Components blur the line between client rendered and server rendered applications, allowing your React components to load data on the server and ship only the necessary HTML and JavaScript ... more

The Interactive Guide to Rendering in React

#404 – May 01, 2023 The Interactive Guide to Rendering in React In this interactive guide, we'll explore why, when, and how React renders. Get your free Retool Database: a managed PostgreSQL DB + spreadsheet-like data editor (sponsor) Retool Database ... more

Say no to flickering UI

#403 – April 24, 2023 Say no to "flickering" UI: useLayoutEffect, painting and browsers story How to change elements base on DOM measurements: what is the problem with useEffect, how useLayoutEffect fixes it, what is browser painting, and how ... more

Learning React from two Angles in 2023

#401 – April 10, 2023 Learning React from two Angles in 2023 In this article, I want to compare the two angles on how to learn React in 2023: the library way and the framework way. How Migrating from Vanilla Redux to Redux Toolkit Improved State Management ... more

Were React Hooks a Mistake?

#397 – March 13, 2023 Were React Hooks a Mistake? People like signals because signal-based components are far more similar to class components than to function components with hooks. Build custom internal tools using code within minutes (sponsor) Airplane ... more

Why React isn't dying

#392 – February 06, 2023 Why React isn't dying There's a bit of fuzz, mainly on Twitter, about React dying and other libraries being better than React, and that you're doing something wrong or missing out if you're choosing React right now. [Free On-Demand ... more

Little React Things: Less reacting, more deriving

#390 – January 23, 2023 Little React Things: Less reacting, more deriving In this second post in the Little React Things series, I talk about how we should remove unnecessary reactions from our React applications and replace them with derivations. Meet ... more

How to debounce and throttle in React without losing your mind

#388 – January 09, 2023 And we are back! Hopefully, y'all had a lovely break and are ready for some great React content. This week is going to be meaty. How to debounce and throttle in React without losing your mind Deep dive into debounce and throttle ... more

Data Structures In Frontend JavaScript In The Real World

#384 – November 28, 2022 Data Structures In Frontend JavaScript In The Real World Data structures can be intimidating. Especially for the self-taught folks among us. If you already tried to study data structures in JavaScript you know what typically ... more

How to Manage State in React

#383 – November 21, 2022 How to Manage State in React React state management is a process for managing the data that React components need in order to render themselves. This data is typically stored in the component's state object. When the state object ... more

React Digest Issue #380

sponsor Login & Authentication Workflows Auth is critical, and getting it right starts with understanding authentication for traditional, SPAs, and mobile apps. Download this technical guide from FusionAuth, including detailed workflows for Native ... more

We Improved React Loading Times by 70% with Next.js

#380 – October 31, 2022 sponsor Login & Authentication Workflows Auth is critical, and getting it right starts with understanding authentication for traditional, SPAs, and mobile apps. Download this technical guide from FusionAuth, including detailed ... more

React Digest Issue #379

sponsor The Complete Guide to Building a React Form in 2022 A good form can be a thing of beauty - and beauty's in the details. Read this blog for everything you need to know about designing & building sleek, user-friendly and accessible Forms. this ... more

Building a chat app with Socket.io and React Native ��

#379 – October 24, 2022 sponsor The Complete Guide to Building a React Form in 2022 A good form can be a thing of beauty - and beauty's in the details. Read this blog for everything you need to know about designing & building sleek, user-friendly ... more

React Digest Issue #378

sponsor How To Bind Any Component to Data in React: One-Way Binding If you want to learn more about data binding, types, how to utilize useState and useRef to bind data in React, take a look at this blog post and read on. this week's favorite RFC: First ... more

RFC: First class support for promises and async/await

#378 – October 17, 2022 sponsor How To Bind Any Component to Data in React: One-Way Binding If you want to learn more about data binding, types, how to utilize useState and useRef to bind data in React, take a look at this blog post and read on. this ... more

React Digest Issue #376

sponsor How To Implement a React Upload (DropZone) Component Learn how a ready-made React dropzone (Upload) component can make your life much easier. Read more. this week's favorite Get in Zoomer, We're Saving React Lately, it seems popular to talk smack ... more

Get in Zoomer, We're Saving React

#376 – October 03, 2022 sponsor How To Implement a React Upload (DropZone) Component Learn how a ready-made React dropzone (Upload) component can make your life much easier. Read more. this week's favorite Get in Zoomer, We're Saving React Lately, it ... more