エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.jsのParallel Routeの挙動を理解する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.jsのParallel Routeの挙動を理解する
はじめに Next.jsのApp RouterではParalell Routesという機能が利用できます。 機能の説明については公... はじめに Next.jsのApp RouterではParalell Routesという機能が利用できます。 機能の説明については公式ページで詳しく解説されていますが、実際にページ遷移した際にどのコンポーネントがレンダリングされるか等、自分は曖昧にしか理解できていませんでした。 そこで、今回はParalell Routesによってどのコンポーネントがレンダリングされているか確認するためのアプリを作って、挙動を確かめてみることにしました。 前提 Paralell Routesの機能自体については、公式ページにて説明されていますが、準備も含めて、簡単にここでおさらいしておきます。今回は以下のような構成のアプリを想定します。 // app/以下のファイル構成 ├── layout.tsx ├── default.tsx ├── page.tsx ├── @left │ ├── default.ts