OpenAIReactMar 16, 2023, 12:00 AM

Introducing react.dev

A condensed section focused on the key takeaways first.

Original Post

Quick Digest

Summary

A condensed section focused on the key takeaways first.

openaienmodel: gpt-5-mini-2025-08-07

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.

Full Translation

Translations

A translation section that keeps the flow of the original article.

openaijamodel: gpt-5-mini-2025-08-07

react.dev のご紹介

react.dev のご紹介

本日、React とそのドキュメントの新しいホームである react.dev を公開できることを大変嬉しく思います。

この記事では、新サイトのツアーをご案内します。

主な内容:

  • react.dev の目的と概要
  • ドキュメントへのアクセス方法
  • 学習リソースやチュートリアルの案内
  • サイト内のナビゲーションや検索の簡単な説明

ぜひ react.dev を訪れて、新しいサイトをお試しください。ご意見やフィードバックもお待ちしています。