プロジェクト の React スキルツリー

React ナビゲーション機能の実装

中級

このプロジェクトでは、React アプリケーションにナビゲーション機能を実装する方法を学びます。ナビゲーションバーとリンクを使って移動できるページを持つシンプルなアプリケーションを作成します。

reactjavascriptweb-development

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

このプロジェクトでは、React アプリケーションにおけるナビゲーション機能の実装方法を学びます。ナビゲーションバーとリンクを使って遷移できるページを備えたシンプルなアプリケーションを作成します。

👀 プレビュー

project preview

🎯 タスク

このプロジェクトでは、以下を学びます。

  • プロジェクトのセットアップと依存関係のインストール方法
  • ナビゲーションバーのメニューのナビゲーションを可能にするためのルートとルートマッチャーの追加方法
  • カードリストから個々のカードへのナビゲーションの追加方法

🏆 成果

このプロジェクトを完了すると、以下ができるようになります。

  • React Router を使ってクライアントサイドルーティングを処理する
  • React アプリケーションでリンクを作成し、異なるページ間を遷移する
  • React Router のstateオブジェクトを使ってコンポーネント間でデータを渡す

講師

labby
Labby
Labby is the LabEx teacher.