How to fetch data in React

How to fetch data in React (with Hooks) 18 minutes by Robin Wieruch Do you want to go beyond a static React application? Then it's about time to fetch data from a third party API. This guide explains you all the basics and tricks to request data. You ... more

Create a Toggle Switch

Create a Toggle Switch as a Reusable Component 20 minutes by Praveen Kumar Learn how to create an iOS-inspired toggle switch using React components, building a simple demo React App for using this custom toggle switch component. Enhance React Performance ... more

Implementing React from scratch

Implementing React from scratch 26 minutes by Robby Pruzan My goal here is to walk through my process of building react from the ground up, hopefully giving you an intuition to why things behave the way they do in react. There are many cases where react ... more

A deep dive on forms with modern React

A deep dive on forms with modern React 12 minutes by Kent C. Dodds React 19 introduces terrific primitives for building great forms. Let's dive deep on forms for the web with React. Easy Frontend Monitoring for your React App sponsored by coLab The Alerty ... more

Common Sense Refactoring of a Messy React Component

Common Sense Refactoring of a Messy React Component 24 minutes by Alex Kondov I’ve been given some chaotic codebases to fix throughout the years, though, and I wanted to show you my approach to tidying them up. In this article, we’ll go over a messy ... more

Dissecting Partial Pre Rendering

Dissecting Partial Pre Rendering 14 minutes by Nikhil Snayak Fast initial loads, dynamic content, and rich interactivity in a single HTTP request. In this post, I will dive deep into how partial pre-rendering works. I will also share my thoughts on whether ... more

Understanding SSR with Hydration

Understanding SSR with Hydration 9 minutes by Patrick Roos Discover the pros, cons, and scenarios of SSR with Hydration. Learn when to use it and when to avoid it with this guide tailored for software architects. 20 Novel AI Prompts to Boost Your Development ... more

Enhancing The New York Times Web Performance with React 18

Enhancing The New York Times Web Performance with React 18 13 minutes by Ilya Gurevich How upgrading to React 18 energized The New York Times website – and how they tackled some of the challenges along the way. 🎹 STRICH: Fast and reliable 1D/2D JavaScript ... more

How to Create a Modal in React with HTML Dialog

How to Create a Modal in React with HTML Dialog 23 minutes by Colby Fayock Modals aren’t anything new, but gone are the days that we need to install bloated libraries to one to our app. Instead, let’s see how we can drop in a new modal to a React app ... more

React Compiler

React Compiler 12 minutes by React Team In order to optimize applications, React Compiler automatically memoizes your code. You may be familiar today with memoization through APIs such as useMemo, useCallback, and React.memo. With these APIs you can ... more

API Layer & Fetch Functions

API Layer & Fetch Functions 4 minutes by Johannes Kettmann Mixing API and UI code quickly leads to messy and unmaintainable code. In this article, we take a step towards a cleaner React architecture by extracting fetch functions to an API layer. ... more

Get your codebase ready for React 19

Get your codebase ready for React 19 5 minutes by Adrienne Ross Is your app ready for what’s coming up in React 19’s release? Get prepared with what is going to change ahead of its release date. FusionAuth’s New React, Vue, and Angular Authentication ... more

How does useOptimistic() work internally in React?

How does useOptimistic() work internally in React? 44 minutes by Robin Wieruch Optimistic UI is a common trick in UI development to improve the perceived performance. useOptimistic() is a hook to help build it. Let’s figure out how it work internally. ... more

How Next.js breaks React Fundamentals

How Next.js breaks React Fundamentals 13 minutes by Ondrej Velisek In the front-end world, there's an ongoing war over performance. React Server Components serve as the official weapon aimed at improving startup performance. However, it seems that in ... more

Why React Server Components Are Breaking Builds to Win Tomorrow

Why React Server Components Are Breaking Builds to Win Tomorrow 18 minutes by Vishwas Gopinath React Server Components are the inevitable future. Learn how they leverage both server and client strengths, optimize efficiency, load times, and interactivity. ... more

A Better Guide to Forms in React

A Better Guide to Forms in React 15 minutes by Andrew Jones This article will explain modern best practices for building forms in React, how to build dynamic forms, how forms relate to React Server Components, and more. Product for Engineers: Helping ... more

Reconciliation, Renderers, Fiber, Virtual Tree

Reconciliation, Renderers, Fiber, Virtual Tree 23 minutes by Frontend Almanac Today we will look under the hood of the library and try to understand how it works inside, how it stores data, and how Virtual Tree looks like. Design and build UI components ... more

React Tricks: Fast, Fit and Fun

Hello! 👋 It seems that the migration to beehiiv worked well. Thank you for all your support in 2023. Let’s get into the last issue before Christmas. 🤶🎄 React Tricks: Fast, Fit and Fun 16 minutes by Alexey Taktarov How to make your React app or library ... more

Let’s learn how modern JavaScript frameworks work by building one

Hello! 👋 I’ve migrated my newsletter to another email provider this week. Let me know if you notice any glitches or if the email is not landing where it should be. Let’s learn how modern JavaScript frameworks work by building one 16 minutes by Nolan ... more

Guide to React Suspense

#431 – November 06, 2023 Guide to React Suspense: From Code Splitting to Data Fetching Suspense is behind lazy component, it helps you to reduce boilerplate and optimize SSR. In this guide, we'll discover how it works and how to use it. Get better at ... more

Guide to React Suspense

#431 – November 06, 2023 Guide to React Suspense: From Code Splitting to Data Fetching Suspense is behind lazy component, it helps you to reduce boilerplate and optimize SSR. In this guide, we'll discover how it works and how to use it. Get better at ... more

Introduction to the useMemo hook

#430 – October 30, 2023 Introduction to the useMemo hook Hooks have revolutionized the way developers build React applications, offering a more intuitive and functional approach to state and side effects. Among these hooks, useMemo stands out for optimizing ... more

Introduction to the useMemo hook

#430 – October 30, 2023 Introduction to the useMemo hook Hooks have revolutionized the way developers build React applications, offering a more intuitive and functional approach to state and side effects. Among these hooks, useMemo stands out for optimizing ... more

React useTransition: performance game changer or...?

#429 – October 23, 2023 React useTransition: performance game changer or…? Looking into what React Concurrent Rendering is, what hooks like useTransition and useDeferredValue do, what are the benefits and downsides of using them. Got better things to ... more

React useTransition: performance game changer or...?

#429 – October 23, 2023 React useTransition: performance game changer or…? Looking into what React Concurrent Rendering is, what hooks like useTransition and useDeferredValue do, what are the benefits and downsides of using them. Got better things to ... more

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

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

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