OpenAIReact2023/03/16 0:00

Introducing react.dev

要点だけを先に読めるように短く再構成したセクションです。

元記事

Quick Digest

要約

要点だけを先に読めるように短く再構成したセクションです。

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

react.dev の紹介

Key Points

  • モダンReact重視
  • 600以上のサンドボックス
  • 新ドメイン: react.dev

Summary

react.dev が公開され、関数コンポーネントと Hooks を前提としたモダンな React ドキュメントの新拠点になりました。旧ドキュメントは legacy.reactjs.org に移行されており、reactjs.org からは自動的にリダイレクトされます。サイトは学習コース(Learn)と詳細な API Reference に分かれ、600 を超える編集可能なサンドボックス、図解、章末の課題、更新されたチュートリアル(Tic-Tac-Toe、Thinking in React)など実践的な教材を提供します。クラスコンポーネントは一部ケースで引き続きサポートされ、Legacy API に記載されています。

Key Points

  • ドメイン: react.dev(旧コンテンツは legacy.reactjs.org に移行、旧ドメインはリダイレクト)
  • 学習構成: Learn は自己ペースの章立て(Quick Start → チュートリアル → 応用)
  • ハンズオン: 600+ のインタラクティブなサンドボックスは編集・Fork が可能
  • API リファレンス: 各 API に Reference(署名)と Usage(実用例/レシピ)を併記
  • 理解支援: 図解・イラスト・課題で直感と実装力を補強
  • 移行注意: クラスコンポーネントは廃止されておらず、Legacy API を参照

Practical tips

  • まず Quick Start と Tic-Tac-Toe チュートリアルで手を動かすこと。
  • 実装で迷ったら API の Usage と Troubleshooting を先に確認する。
  • 既存リンクはリダイレクトされるが、長期的には legacy.reactjs.org を参照して互換性対応を計画する。

Full Translation

翻訳

原文の流れを保ったまま読める翻訳セクションです。

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

react.dev のご紹介

react.dev のご紹介

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

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

主な内容:

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

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

react.dev のご紹介 | React | DocsDigest