Introducing react.dev
Key Points
- react.dev is the new official docs site
- Docs teach modern React with function components and Hooks
- 600+ interactive sandboxes and examples
Summary
React’s documentation has a new home: react.dev (launched 2023-03-16). The site teaches modern React with function components and Hooks, consolidating learning materials into two main sections: Learn (a self-paced course with chapters, tutorials, challenges, and diagrams) and API Reference (dedicated pages per API with Reference and Usage segments). The previous docs are archived at legacy.reactjs.org and reactjs.org now redirects to the new site. The launch includes over 600 interactive, editable sandboxes and updated canonical tutorials (Tic-Tac-Toe, Thinking in React).
Key Points
- New primary docs: react.dev; legacy content at legacy.reactjs.org; reactjs.org redirects.
- Docs teach React from the start using function components and Hooks; class components remain supported under Legacy API.
- Learn section: quick start, self-paced chapters, updated tutorials, end-of-page challenges to validate understanding.
- API Reference: each API page contains a concise Reference (signatures) and Usage (examples, recipes, troubleshooting, alternatives).
- 600+ interactive sandboxes available site-wide; examples are editable and forkable for experimentation.
- Diagrams and illustrations provide intuition for tricky concepts.
Practical notes for engineers
- Use react.dev for up-to-date guidance, examples, and copy-pastable recipes; prefer Hook-based patterns for new code.
- Refer to legacy.reactjs.org only for class-component patterns and older content that won’t receive many new updates.
- Sandboxes are useful for quick prototyping, sharing reproductions, and validating API usage before integrating into projects.