References and Deep Dive Documentation

Roadmaps accelerate direction; references unlock depth. Use this page as your permanent jump board into authoritative React documentation.

Official React documentation

React Learn - structured learning path from concepts to advanced patterns.
React API Reference - all core APIs with behavior details and caveats.
React DOM Reference - client and server rendering APIs.
Rules of React - non-negotiable correctness rules.

Deep-dive by topic

UI and components - composition, props, and tree design.
State and events - data flow and interaction logic.
State management - ownership, sharing, reducers, and context.
Escape hatches - effects, refs, and imperative bridges.

Ecosystem documentation

React Router - routing architecture and nested route patterns.
TanStack Query - server state, caching, and async reliability.
Redux Toolkit - predictable global state for complex domains.
React Testing Library - behavior-first testing approach.

Production standards

Web performance fundamentals - LCP, INP, CLS and optimization basics.
WCAG guidelines - accessibility requirements for professional delivery.
MDN HTTP reference - network behavior required for API reliability work.

Deep-dive workflow

Start from the roadmap topic page to get sequence and context.
Jump into the matching official docs section from this references page.
Implement a mini-lab in your project and document what changed.
Record one engineering trade-off discovered during implementation.

Practice

Pick one roadmap topic each week, complete its official React deep-dive reading, and commit one production-style sample implementation with notes.