Skip to main content
Dantes.io Logo
Dantes.io

Best resources to learnReact

Study sheet

React is the dominant library for building user interfaces. You will learn components, hooks, state management, routing and data fetching, and how to structure a production React application.

9 resources · · How we curate

🎓Courses(1)

course

Redux Essentials Tutorial

The official eight-part Redux tutorial written by its maintainer, teaching Redux Toolkit slices, async thunks, data normalization and RTK Query for server-state caching, the modern answer for React apps that outgrow local component state. Covers the state-management and data-fetching half of the topic note, which react.dev intentionally leaves to the ecosystem.

intermediate🇬🇧

📚Books(2)

bookPaid

Advanced React: Deep Dives, Investigations, Performance Patterns and Techniques

The senior-level tier the free material does not cover: it treats React as a system with failure modes rather than an API to memorise. Sixteen chapters on React's runtime behaviour: element diffing and reconciliation, the real causes of re-renders, the limits of memoization, refs and closures inside hooks, portals and error handling. Each chapter is an investigation with interactive examples, not an API walkthrough.

advanced🇬🇧
bookPaid

React Key Concepts, 2nd Edition

Reference-style book covering React 19: components, props, state, hooks, context, refs, form actions, the use() hook and server components, with practice exercises and a build project closing each chapter.

intermediate🇬🇧

🌐Websites(6)

scroll for more →
website

React TypeScript Cheatsheets

Community-maintained reference for typing React with TypeScript: props and children, hooks including useReducer and useRef, generic and polymorphic components, context, forms and events, error boundaries, plus migration notes for React 18 and 19 type changes. Production React is written in TypeScript, and react.dev deliberately teaches in JavaScript, leaving a real gap. This is the one place the ecosystem's typing conventions are collected and kept current across breaking @types/react changes.

intermediate🇬🇧
website

Build Your Own React

Rodrigo Pombo rebuilds React from zero in eight incremental steps: createElement, the render function, concurrent scheduling, the fiber tree, commit phase, reconciliation, function components and a working useState. Roughly 200 lines of code, with a live diff at every step. Converts React from a set of memorised rules into a mechanism you have implemented. Explains why hooks must be called unconditionally, why keys matter, and what the fiber work loop actually does - knowledge the docs deliberately abstract away.

advanced🇬🇧
website

A (Mostly) Complete Guide to React Rendering Behavior

Redux maintainer Mark Erikson explains when and why React re-renders: render versus commit phases, reconciliation and keys, update batching, React.memo, useMemo and useCallback, context propagation, and what actually causes performance problems.

advanced🇬🇧
website

Learn React — Official Documentation

The official React documentation's tutorial track, covering components, JSX, props, state, hooks, effects and escape hatches, with interactive in-browser sandboxes on nearly every page. Rewritten from scratch around function components and hooks. Nothing else in the topic should compete with it for the beginner slot.

beginner🇬🇧
website

React for Two Computers

Dan Abramov derives React Server Components from first principles, distinguishing imperative 'recipes' from declarative 'blueprints' and showing why splitting a program across two machines produces the server/client boundary the App Router is built on. Explains why the App Router's constraints exist rather than what its APIs are, which is the difference between a developer who fights the framework and one who predicts it.

advanced🇬🇧
website

Making Sense of React Server Components

Long-form explainer separating React Server Components from server-side rendering, then working through the 'use client' boundary, component composition rules, serialization of props across the boundary, and the bundle-size and hydration consequences.

intermediate🇬🇧
Share this topic

More in Web Development

See all 20 topics in Web Development →

Frequently Asked Questions

What are the best free resources to learn React?

Dantes has curated 9 resources for React, including 2 books, 1 courses, 6 websites. All resources are hand-picked for quality — no algorithmic filler. Browse the full list above to find the format that works best for you.

Is React hard to learn?

React is approachable at the beginner level — there are resources here specifically for those starting from scratch. As you progress, intermediate and advanced material is also available to take your skills further.

What types of React learning resources are available on Dantes?

For React, Dantes has curated 2 books, 1 courses, 6 websites. Each resource type serves a different learning style: videos and YouTube for visual learners, books for depth, courses for structured progression, and websites for quick reference.

How does Dantes select React resources?

Dantes is an algorithm-free learning directory. Resources are hand-curated based on quality, accuracy, and usefulness — not engagement metrics or paid placements. The goal is to surface the best learning material for React, whether it's a free YouTube series, a classic textbook, or an open courseware from a top university.

Go deeper

Test your understanding of React

Explain it out loud. An AI tutor listens and asks questions that expose gaps you didn't know you had.