はじめに
このプロジェクトでは、React アプリケーションにおけるナビゲーション機能の実装方法を学びます。ナビゲーションバーとリンクを使って遷移できるページを備えたシンプルなアプリケーションを作成します。
👀 プレビュー
🎯 タスク
このプロジェクトでは、以下を学びます。
- プロジェクトのセットアップと依存関係のインストール方法
- ナビゲーションバーのメニューのナビゲーションを可能にするためのルートとルートマッチャーの追加方法
- カードリストから個々のカードへのナビゲーションの追加方法
🏆 成果
このプロジェクトを完了すると、以下ができるようになります。
- React Router を使ってクライアントサイドルーティングを処理する
- React アプリケーションでリンクを作成し、異なるページ間を遷移する
- React Router の
stateオブジェクトを使ってコンポーネント間でデータを渡す
これは Guided Lab です。学習と実践を支援するためのステップバイステップの指示を提供します。各ステップを完了し、実践的な経験を積むために、指示に注意深く従ってください。過去のデータによると、この 初級 レベルの実験の完了率は 83%です。学習者から 86% の好評価を得ています。
