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

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

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