ルーティング導入
a タグと Link の違い有料プラン
React Routerとアプリ設計
React Router、Routes・Route・Link、URLパラメータ、検索条件、404、見た目と機能の分離、合成、機能別フォルダを扱う全18レッスンのアプリ設計コースです。fleamaを商品一覧・詳細・出品・カート・マイページを持つ複数ページSPAとして完成させます。
レッスン
18件
所要時間
約5時間
ランク
中級
最初のレッスンを読む
15分・登録なしで読めます
動く図解・ルーティング導入
動く図解・ルーティング導入
目標
fleamaを複数ページSPAへ拡張し、画面と機能を保守しやすい構成へ整理する
できるようになること
React Routerで複数ページと404を構成できる
URLパラメータと検索条件をアプリ状態へ接続できる
見た目・機能・フォルダを責務ごとに整理できる
前提知識・必要な環境
必須
- • React状態管理：カスタムフック・Context・Reducer 修了相当
環境
ブラウザ完結（インストール不要）
このコースに入っているもの
触れる図解
9本
導入スライド
55枚
手を動かす演習
16問
理解度クイズ
2問
監修
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
生田 陸人
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
URLと画面を対応づけ、fleamaを複数ページのSPAへ組み替えます。
見た目と機能を分け、機能別フォルダでスケールする構成へ整えます。
購入フローとマイページを仕上げ、フリマアプリfleamaを完成させます。
このコースを終えると取れるバッジ
React 第5コース
0 / 18 レッスン
このコースの動く図解
動かしながら、仕組みや変化を目で確かめられます。
次に学ぶなら
このコースを終えたあとに進むと、無理なく続けられます
あわせて学びたい
同時に進めると、理解が早くなる組み合わせです
