コース一覧
React Routerとアプリ設計
第7章クイズ

React Routerとアプリ設計

React Router、Routes・Route・Link、URLパラメータ、検索条件、404、見た目と機能の分離、合成、機能別フォルダを扱う全18レッスンのアプリ設計コースです。fleamaを商品一覧・詳細・出品・カート・マイページを持つ複数ページSPAとして完成させます。

1
ルーティング(React Router v7)
01. ルーティング導入15分
02. RoutesとRoute15分
03. 遷移を作る15分
04. URLパラメータ15分
05. 検索条件をURLに15分
06. 404ページ15分
07. つくる - ページ分割完了20分
08. 第7章クイズ15分
2
コンポーネント設計パターン
01. 見た目と機能の分離15分
02. 合成で組み立てる15分
03. 機能別フォルダ10分
04. つくる - 設計リファクタ20分
05. 第8章クイズ15分
3
総合制作
01. 購入フロー20分
02. マイページ20分
03. 仕上げ15分
04. 自由拡張20分
05. 完成と次のステップ10分

React Routerとアプリ設計

01ルーティング導入
02RoutesとRoute
03遷移を作る
04URLパラメータ
05検索条件をURLに
06404ページ
07つくる - ページ分割完了
08第7章クイズ
09見た目と機能の分離
10合成で組み立てる
11機能別フォルダ
12つくる - 設計リファクタ
13第8章クイズ
14購入フロー
15マイページ
16仕上げ
17自由拡張
18完成と次のステップ

第7章クイズ

クイズ1

React Router で URL と画面の対応表を書きます。組み合わせとして正しいものはどれですか。

クイズ2

全ページ共通のナビゲーションを出したいとき、どこに書きますか。

クイズ3

出品フォームを送り、保存が終わったら商品一覧へ移したいときの書き方はどれですか。

クイズ4

商品詳細のページを、商品が何件増えても1本で受けられるようにします。Route の path はどれですか。

クイズ5

商品一覧の検索語を、絞り込んだ画面ごと人に送れるようにします。置き場所として適切なものはどれですか。

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。