--- title: React description: 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. category: programming-tech subcategory: web-development difficulty: beginner, intermediate, advanced url: /subject/react --- # React 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. ## Available Resources 2 Books • 1 Courses • 6 Websites ## Books ### 1. Advanced React: Deep Dives, Investigations, Performance Patterns and Techniques **Author:** Nadia Makarevich 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. **Difficulty:** Advanced | **Language:** English | **Price:** Paid **Link:** https://www.advanced-react.com/ **Tags:** react, performance, re-renders, reconciliation, memoization, hooks ### 2. React Key Concepts, 2nd Edition **Author:** Maximilian Schwarzmüller 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. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/183620227X?tag=edmonddante07-20 **Tags:** react, react-19, hooks, server-components, javascript ## Websites ### 1. 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. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://react-typescript-cheatsheet.netlify.app/ **Tags:** react, typescript, hooks, type-safety, frontend ### 2. Build Your Own React **Author:** Rodrigo Pombo 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. **Difficulty:** Advanced | **Language:** English | **Price:** Free **Link:** https://pomb.us/build-your-own-react/ **Tags:** react, fiber, reconciliation, hooks, javascript ### 3. A (Mostly) Complete Guide to React Rendering Behavior **Author:** Mark Erikson 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. **Difficulty:** Advanced | **Language:** English | **Price:** Free **Link:** https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/ **Tags:** react, rendering, reconciliation, memoization, performance ### 4. Learn React — Official Documentation **Author:** React Core Team 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. **Difficulty:** Beginner | **Language:** English | **Price:** Free **Link:** https://react.dev/learn **Tags:** react, jsx, components, hooks, javascript ### 5. React for Two Computers **Author:** Dan Abramov 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. **Difficulty:** Advanced | **Language:** English | **Price:** Free **Link:** https://overreacted.io/react-for-two-computers/ **Tags:** react, react-server-components, app-router, nextjs, mental-models ### 6. Making Sense of React Server Components **Author:** Josh W. Comeau 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. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://www.joshwcomeau.com/react/server-components/ **Tags:** react, react-server-components, server-side-rendering, hydration, nextjs ## Courses ### 1. Redux Essentials Tutorial **Author:** Mark Erikson 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. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://redux.js.org/tutorials/essentials/part-1-overview-concepts **Tags:** redux, redux-toolkit, rtk-query, state-management, react --- *This content is part of Dantes.io - Your Treasure Map to Knowledge* *Curated by humans at Dantes.io. Personal study use welcome; republishing this curation requires permission (team@dantes.io).* View this page online: https://dantes.io/subject/react