The Road to Next — your interactive course for Next.js with React

React

All articles about React.

May 5, 2025 Streaming Multiple AI Models in Parallel with React.js and AI SDK

Apr 28, 2025 Selecting from Multiple Models (LLMs) with AI SDK in React.js

Apr 21, 2025 Full-Stack React.js Chat with AI SDK

Apr 14, 2025 Full-Stack React.js AI Chat with OpenAI API

Mar 18, 2025 React Trends in 2025

Mar 10, 2025 Server Actions with Toast (useEffect)

Mar 6, 2025 Server Actions with Toast (useActionState)

Mar 4, 2025 React Server Actions with Toast Feedback

Feb 25, 2025 How to learn React in 2025

Feb 17, 2025 React Libraries for 2025

Feb 11, 2025 How to start a React Project [2025]

Feb 3, 2025 Monorepos in JavaScript & TypeScript

JavaScript · React

Jan 30, 2025 Vite with TypeScript

Jan 8, 2025 React Folder Structure in 5 Steps [2025]

Jan 6, 2025 React Router 7: Search Params (alias Query Params)

React · React Router

Jan 6, 2025 React Router 7: Descendant Routes

React · React Router

Jan 6, 2025 React Router 7: Nested Routes

React · React Router

Jan 6, 2025 React Router 7 Lazy Loading

React · React Router

Jan 6, 2025 React Router 7: Authentication

React · React Router

Jan 6, 2025 React Router 7: Example

React · React Router

Jan 6, 2025 React Router 7: Redirect

React · React Router

Jan 6, 2025 React Router 7: Private Routes (alias Protected Routes)

React · React Router

Jan 6, 2025 React Router 7 Tutorial

React · React Router

Dec 23, 2024 React Function Components

Dec 16, 2024 React Form Validation

Dec 9, 2024 React Tech Stack [2025]

Dec 2, 2024 React Data Fetching Patterns

Nov 25, 2024 Feature-Based React Architecture

Nov 25, 2024 Feature-based React Architecture

Nov 11, 2024 React and FormData

Nov 4, 2024 How to (not) reset a form after a Server Action in React

Oct 21, 2024 How to fetch data with React Hooks

React · React Hooks

Oct 10, 2024 How to Drag and Drop in React

React · React Component

Oct 7, 2024 How to create a React Dropdown

React · React Component

Sep 30, 2024 Types of React Components [2024]

Sep 23, 2024 How to fetch data in React [2024]

Aug 20, 2024 React is (becoming) a Full-Stack Framework

Jul 15, 2024 React Form Button

Jul 2, 2024 Extra Arguments for Server Actions in React Forms

Jun 17, 2024 React Form with Loading State (Pending Action)

Feb 20, 2024 React Trends in 2024

Jan 1, 2024 How to learn a JavaScript Framework

React · JavaScript

Jan 1, 2024 How to setup React.js on MacOS

React · VS Code

Jan 1, 2024 How to setup React.js on Windows

React · VS Code

Jan 1, 2024 How to learn React

Mar 29, 2023 Migrate to Vite from Create React App (CRA)

Feb 4, 2023 Vite with ESLint

Dec 14, 2022 React Cross Fade for Material UI (MUI)

React · React Component

Nov 22, 2022 React Testing Library Tutorial

Nov 15, 2022 React Component with TypeScript

React · TypeScript

Nov 1, 2022 React Nested Dropdown for Material UI (MUI)

React · React Component

Oct 25, 2022 React Dropdown for Material UI (MUI)

React · React Component

Oct 16, 2022 How to create a React Select

React · React Component

Oct 3, 2022 Vitest with React Testing Library

Aug 16, 2022 How to use Forms in React

Aug 2, 2022 TypeScript: React useState Hook

React · React Hooks

Jul 19, 2022 TypeScript: React useRef Hook

React · React Hooks

Jun 14, 2022 React Element vs Component

May 10, 2022 React "as" Prop

Apr 25, 2022 React Batching

Apr 19, 2022 React Higher-Order Components (HOCs)

React · React Higher Order Components

Apr 12, 2022 How to create a React Button

React · React Component

Apr 6, 2022 React: How to create a Custom Hook

React · React Hooks

Apr 6, 2022 Local Storage in React

Apr 5, 2022 React Hook: Get Scrollbar Width

React · React Hooks

Apr 5, 2022 React Hook: useLocalStorage

React · React Hooks

Apr 4, 2022 React Hook: Detect Click outside of Component

React · React Hooks

Mar 29, 2022 React Hook: Detect Scroll Direction

React · React Hooks

Mar 25, 2022 How to use Props in React

Mar 14, 2022 How to: React Table with fixed Column

React · React Table Library

Jan 10, 2022 React: Event Bubbling and Capturing

Dec 21, 2021 React Hook: Check if Overflow

React · React Hooks

Oct 8, 2021 How to create a React Radio Button

React · React Component

Oct 6, 2021 React Router: Redirect with Higher-Order Component

React · React Router

Sep 26, 2021 PDF from React Component

Sep 26, 2021 Image from React Component (JPG or PNG)

Aug 8, 2021 Conditional ClassName in React

Aug 1, 2021 How to: React Tree Table

React · React Table Library

Jul 26, 2021 How to: React Table with Select

React · React Table Library

Jul 20, 2021 How to: React Table with Double Click

React · React Table Library

Jul 18, 2021 Conditional Hooks in React

React · React Hooks

Jul 7, 2021 How to: React Table with Search

React · React Table Library

Jul 5, 2021 How to: React Table with Pagination

React · React Table Library

Jun 27, 2021 How to useContext in React

React · React Hooks

Jun 22, 2021 How to: React Table with Theme

React · React Table Library

Jun 15, 2021 How to: React Table with fixed Header

React · React Table Library

Jun 14, 2021 How to: React Table with Sort

React · React Table Library

Jun 6, 2021 React Table with server-side Data

React · React Table Library

May 30, 2021 How to: React Table with Resize

React · React Table Library

May 24, 2021 React Context Injection

May 17, 2021 How to create a React Table Component

React · React Table Library

May 16, 2021 Using a indeterminate React Checkbox

May 15, 2021 How to create a React Checkbox

React · React Component

May 8, 2021 How to: React Table with Filter

React · React Table Library

May 3, 2021 API Design for a React Tree Table

Apr 11, 2021 Styled Components Best Practices

Jan 9, 2021 Are React class components going away?

Dec 10, 2020 React useReducer with Middleware

Nov 24, 2020 How to useEffect in React

React · React Hooks

Nov 22, 2020 Mediator Component in React

Nov 7, 2020 React useEffect only on Update

Nov 7, 2020 React useEffect only Once

Oct 30, 2020 How to React with Webpack 5 - Setup Tutorial

React · JavaScript

Oct 30, 2020 How to use SVG Icons as React Components

Oct 30, 2020 How to React Router with Webpack 5

React · Webpack

Oct 1, 2020 Why React Hooks over HOCs

React · React Hooks

Sep 18, 2020 How to mock data in React with a fake API

Sep 1, 2020 React Hooks Tutorial

React · React Hooks

Aug 30, 2020 React useState with Callback

Jul 13, 2020 How to useMemo in React

React · React Hooks

Jul 6, 2020 How to useCallback in React

React · React Hooks

Jun 9, 2020 How to use React memo

May 18, 2020 Computed Properties in React

May 18, 2020 How to update state from props in React

May 17, 2020 How to manage React State with Arrays

May 17, 2020 How to use GraphQL in Gatsby

May 14, 2020 Update an Item in a List in React

May 14, 2020 Add an Item to a List in React

May 14, 2020 Remove an Item from a List in React

May 10, 2020 How to CSS Style in React

Apr 25, 2020 How to use React Ref

Mar 10, 2020 How to Micro Frontend with React

Feb 29, 2020 The Road to React [Book 2022]

Feb 18, 2020 How to Docker with React

Docker · React

Feb 18, 2020 How to Docker with create-react-app

Docker · React

Feb 12, 2020 React Internationalization with i18n

Jan 16, 2020 React Conditional Rendering

Jan 15, 2020 React Event Handler

Dec 2, 2019 How to React Range

React · React Component

Dec 2, 2019 How to React Slider

React · React Component

Oct 19, 2019 How to use CSS Modules in React

Oct 17, 2019 How to use React Context

Oct 14, 2019 How to use React State

Sep 21, 2019 Reasons to learn Redux as a JavaScript Developer

JavaScript · Redux

Aug 30, 2019 How to test React-Redux connected Components

Aug 15, 2019 How to Jest Snapshot Test the Difference

Aug 10, 2019 How to shallow render Jest Snapshot Tests

Jul 27, 2019 How to test React Components

Jul 25, 2019 Redux Persist with Next.js by Example

Jul 21, 2019 How to test React with Mocha, Chai & Enzyme

React · Webpack

Jul 20, 2019 How to set up JavaScript Test Coverage

React · JavaScript

Jul 18, 2019 End to End Testing React with Cypress

React · Webpack

Jul 17, 2019 How to test React with Jest & Enzyme

React · Webpack

Jul 16, 2019 How to test React with Jest

React · Webpack

Jul 14, 2019 JavaScript fundamentals before learning React

React · JavaScript

Jul 8, 2019 Is Gatsby.js Still Worth Using in 2026?

React · Gatsby

Jun 15, 2019 How to use ESLint in React

React · Webpack

Jun 12, 2019 How to use Web Components in React

Web Components · React

May 30, 2019 How to useState in React

React · React Hooks

May 28, 2019 What is preventDefault() in React

May 26, 2019 Reusable Components in React

May 22, 2019 A React Lift State Up & Down Example

May 20, 2019 How to create Redux with React Hooks?

React · React Hooks

May 13, 2019 React's useReducer Hook vs Redux

May 7, 2019 How to Scroll to a List Item in React

Apr 28, 2019 How to useReducer in React

React · React Hooks

Apr 17, 2019 useReducer vs useState in React

Apr 16, 2019 React List Components by Example

Apr 10, 2019 What are Controlled Components in React

Apr 6, 2019 Why do we need a React List Key

Apr 6, 2019 React State Hooks: useReducer, useState, useContext

Mar 30, 2019 React Styled Components Tutorial

Mar 26, 2019 React Hooks Migration

React · React Hooks

Feb 10, 2019 How to use MobX in React Firebase

React · Firebase

Feb 10, 2019 How to use Redux in React Firebase

React · Firebase

Jan 30, 2019 React Component Composition

Jan 28, 2019 The Road to Firebase [Book]

React · Firebase

Jan 26, 2019 A Firestore in React Tutorial for Beginners [2019]

React · Firebase

Jan 20, 2019 How to deploy a React application to Firebase

React · Firebase

Jan 16, 2019 How to use Firebase Realtime Database in React

React · Firebase

Jan 6, 2019 React Semantic UI Tutorial for Beginners

Jan 1, 2019 How to use React Router with Firebase

React · Firebase

Dec 20, 2018 Email Verification with Firebase in React

React · Firebase

Dec 13, 2018 React Redux Tutorial for Beginners

Dec 7, 2018 Firebase Login with Facebook

React · Firebase

Dec 7, 2018 Firebase Login with Twitter

React · Firebase

Dec 7, 2018 A visual Firebase Tutorial

React · Firebase

Dec 6, 2018 How to link Social Logins with Firebase in React

React · Firebase

Dec 2, 2018 Social Logins in Firebase React: Google, Facebook, Twitter

React · Firebase

Dec 1, 2018 A Reason React Tutorial for Beginners [2018]

React · JavaScript

Nov 27, 2018 React Firebase Auth Persistence with Local Storage

React · Firebase

Nov 26, 2018 React Firebase Authorization with Roles

React · Firebase

Nov 20, 2018 A Firebase in React Tutorial for Beginners [2019]

React · Firebase

Nov 5, 2018 The Road to GraphQL [Book]

React · GraphQL

Oct 30, 2018 Visual Regression Testing and React Storybook

React · Web Development

Oct 22, 2018 React with RxJS for State Management Tutorial

Oct 21, 2018 Prevent React setState on unmounted Component

Oct 19, 2018 Writing Tests for Apollo Client in React

React · GraphQL

Oct 3, 2018 How to use CSS Modules in create-react-app?

Oct 3, 2018 How to use SASS in create-react-app?

Oct 2, 2018 React Global State without Redux

Oct 2, 2018 React State without Constructor

Sep 11, 2018 How to prevent a rerender in React

Sep 5, 2018 Intersection Observer API in React

React · JavaScript

Aug 22, 2018 GraphQL Server Tutorial with Apollo Server and Express

React · GraphQL

Aug 8, 2018 React Render Props

Jul 6, 2018 How to fetch data with React Class Components

Jul 4, 2018 Why Apollo: Advantages and Disadvantages

React · GraphQL

Jul 3, 2018 Why GraphQL: Advantages and Disadvantages

React · GraphQL

Jun 26, 2018 How to use Redux with Apollo Client and GraphQL in React

React · GraphQL

Jun 13, 2018 How to build a GraphQL client library for React

React · GraphQL

Jun 9, 2018 Getting Started with GitHub's GraphQL API

React · GraphQL

Jun 5, 2018 A minimal Apollo Client in React Example

React · GraphQL

May 28, 2018 Mocking a GraphQL Server for Apollo Client

React · GraphQL

May 13, 2018 A apollo-link-state Tutorial for Local State in React

React · GraphQL

May 1, 2018 React with Apollo and GraphQL Tutorial

React · GraphQL

Apr 9, 2018 A complete React with GraphQL Tutorial

React · GraphQL

Feb 11, 2018 Why Frameworks matter

React · Angular

Feb 10, 2018 Getting started with React and Parcel

Feb 4, 2018 How to accept Paypal payments with React

Jan 9, 2018 Tips to learn React + Redux in 2019

Nov 5, 2017 Programmatic Slack invite in JavaScript and React

React · JavaScript

Oct 10, 2017 MobX (with Decorators) in create-react-app

Oct 5, 2017 What's new in React 16?

Sep 26, 2017 Taming the State in React [MobX Redux Book]

Aug 30, 2017 How to use React SVG Patterns as Backgrounds

Jul 19, 2017 8 things to learn in React before using Redux

Jun 28, 2017 Redux Saga in Next.js by Example

Jun 20, 2017 Accept Stripe Payments with React and Express

Jun 13, 2017 Advanced List in React - Build a powerful Component (Part III)

Jun 7, 2017 Infinite Scroll in React - Build a powerful Component (Part II)

May 29, 2017 Paginated List in React - Build a powerful Component (Part I)

Apr 11, 2017 Giving Back, By Learning React

Mar 22, 2017 When to use React's Ref on a DOM node in React

Jan 31, 2017 10 Reasons why I moved from Angular to React

React · Angular

Oct 31, 2016 Redux State Keys - A predictable yet dynamic substate

Aug 13, 2016 Redux Observable RxJS: Going Epic with Reactive Programming

Jul 18, 2016 MobX React: Refactor your application from Redux to MobX

Jul 9, 2016 Redux Normalizr: Improve your State Management

Jun 26, 2016 Redux Ducks: Restructure your Redux App with Ducks

Jun 21, 2016 Flow: Type Checking with Flow in React + Redux

Jun 11, 2016 The SoundCloud Client in React + Redux