https://ja.react.dev/learn 以下の React 公式の学習ガイドを読み通すクエストです。
クエスト作成時点で全51ページあり、中には読み飛ばすものもあるかもしれませんが、それらも含めて一通り読み通します。
クイックスタート
- クイックスタート
- チュートリアル：三目並べ
- React の流儀
インストール
- インストール
- React アプリの作成
- ゼロからの React アプリ構築
- 既存プロジェクトに React を追加する
セットアップ
- セットアップ
- エディタのセットアップ
- TypeScript の使用
- React Developer Tools
React Compiler
- React Compiler
- はじめに
- インストール
- 段階的な導入
- デバッグとトラブルシューティング
UI の記述
- UI の記述
- 初めてのコンポーネント
- コンポーネントのインポートとエクスポート
- JSX でマークアップを記述する
- JSX に波括弧で JavaScript を含める
- コンポーネントに props を渡す
- 条件付きレンダー
- リストのレンダー
- コンポーネントを純粋に保つ
- UI をツリーとして理解する
インタラクティビティの追加
- インタラクティビティの追加
- イベントへの応答
- state：コンポーネントのメモリ
- レンダーとコミット
- state はスナップショットである
- 一連の state の更新をキューに入れる
- state 内のオブジェクトの更新
- state 内の配列の更新
state の管理
- state の管理
- state を使って入力に反応する
- state 構造の選択
- コンポーネント間で state を共有する
- state の保持とリセット
- state ロジックをリデューサに抽出する
- コンテクストで深くデータを受け渡す
- リデューサとコンテクストでスケールアップ
避難ハッチ
- 避難ハッチ
- ref で値を参照する
- ref で DOM を操作する
- エフェクトを使って同期を行う
- そのエフェクトは不要かも
- リアクティブなエフェクトのライフサイクル
- エフェクトからイベントを分離する
- エフェクトから依存値を取り除く
- カスタムフックでロジックを再利用する
- クエストの種別
-
誰でも自由に参加できる、公開されたクエストです
- 目標量
- 51 ページ
- 活動日数
- 30日間 (2026年8月1日 ~ 2026年8月30日)
- ジャーナルの投稿頻度
- 2日ごと
- 自動退出の有効化
- 無効
