Reactの公式学習ガイドを読み通す

https://ja.react.dev/learn 以下の React 公式の学習ガイドを読み通すクエストです。 クエスト作成時点で全41ページあり、中には読み飛ばすものもあるかもしれませんが、それらも含めて一通り読み通します。 ## 1. スタートガイド (Quick Start) - クイックスタート - チュートリアル：三目並べ - React の流儀 ## 2. インストール (Installation) - React アプリの作成 - ゼロからの React アプリ構築 - 既存プロジェクトに React を追加する - エディタのセットアップ - TypeScript の使用 - React Developer Tools - React Compiler ## 3. UI の記述 (Describing the UI) - 初めてのコンポーネント - コンポーネントのインポートとエクスポート - JSX でマークアップを記述する - JSX に波括弧で JavaScript を含める - コンポーネントに props を渡す - 条件付きレンダー - リストのレンダー - コンポーネントを純粋に保つ - UI をツリーとして理解する ## 4. インタラクティビティの追加 (Adding Interactivity) - イベントへの応答 - state：コンポーネントのメモリ - レンダーとコミット - state はスナップショットである - 一連の state の更新をキューに入れる - state 内のオブジェクトの更新 - state 内の配列の更新 ## 5. state の管理 (Managing State) - state を使って入力に反応する - state 構造の選択 - コンポーネント間で state を共有する - state の保持とリセット - state ロジックをリデューサに抽出する - コンテクストで深くデータを受け渡す - リデューサとコンテクストでスケールアップ ## 6. 避難ハッチ (Escape Hatches) - ref で値を参照する - ref で DOM を操作する - エフェクトを使って同期を行う - そのエフェクトは不要かも - リアクティブなエフェクトのライフサイクル - エフェクトからイベントを分離する - エフェクトから依存値を取り除く - カスタムフックでロジックを再利用する