React で実際のインターフェースを構築する
React は、単一ページアプリケーションや Next.js サイトからクロスプラットフォームのモバイルおよびデスクトップアプリケーションまで、今日のほとんどの本番環境 UI がどのように構築されているかを定義する JavaScript ライブラリです。このトラックは完全な分野をカバーしています。コンポーネントアーキテクチャ、状態管理、データ取得、パフォーマンス、テスト、デプロイメントです。これは React が実際にどのように機能するか — reconciler、fiber モデル、hooks のセマンティクス — 単なる表面的な API ではなく、それに基づいています。
学習内容
JSX、props、state、および制御コンポーネントから始まり、その後 useEffect、useRef、useReducer に進みます。実践的なコースでは React Router v6 を使ったルーティング、React Hook Form を使ったフォーム処理、React Query と SWR を使ったサーバー状態、Redux Toolkit、Zustand、Jotai を使ったグローバル状態をカバーしています。React で TypeScript を使用し、統合テストと E2E テストを作成し、Storybook でデザインシステムを構築し、WebSocket 上でリアルタイム UI を処理し、tRPC で型安全な API をデプロイします。このパスには Next.js App Router、サーバーコンポーネント、サーバーアクション、および NextAuth.js による認証も含まれています。
学習パス
95 のコースが A1 から C1 まで実行されます。A1 と A2 のコースは React の基礎、JSX レンダリング、CSS アニメーション、ローカルストレージの永続化、およびダークモードを確立します。B1 のコースは context パターン、i18n、React Spring、Framer Motion、dnd-kit によるドラッグ&ドロップ、および TanStack Table による複雑なデータテーブルへの自信を強化します。B2 のコースはレンダリングとメモ化、Suspense、コード分割、React 開発者向けの React Native、Vercel と AWS へのデプロイ、およびデスクトップアプリ向けの Electron に取り組みます。C1 レベルは高度なトピックで終了します。マイクロフロントエンドアーキテクチャ、SSR とハイドレーション詳細ガイド、Module Federation、Astro によるアイランドアーキテクチャ、WebAssembly 統合、Cloudflare Workers によるエッジレンダリング、およびフロントエンド観測可能性のための OpenTelemetry。
仕組み
各コースは短い、焦点を絞ったレッスンに分割され、組み込みコードエディターでリアルタイムフィードバックを使って完了します。概念またはテストの失敗で立ち往生している場合は、AI チューターがいつでも利用できます。トラックを順番に進めるか、現在の経験に合ったレベルにジャンプできます。