Merge pull request #47 from Atotti/hiro

Chapter18-20
Atotti · Jan 17, 2024 · fc3ecf6 · fc3ecf6
2 parents da480a4 + 6ae23d9
commit fc3ecf6
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/hiro/nextjs08/README.md b/hiro/nextjs08/README.md
@@ -0,0 +1 @@
+unstable_noStoreを使って静的レンダリングをオプトアウトできる．
diff --git a/hiro/nextjs09/README.md b/hiro/nextjs09/README.md
@@ -0,0 +1,20 @@
+### ストリーミング
+ルートをより細かな部分に分割した「チャンク」を提供する技術
+準備が整ったものから段階的にストリーミングされる
+
+#### 実装
+ストリーミングをNextjsで実装する方法は次の2つ．
+- （ページレベル）`loading.tsx`ファイルを使う
+- （コンポーネントレベル）`<Suspense>`を使う
+
+#### loading.tsx
+`loading.tsx`を任意のルートに配置するだけ．これがフォールバックになってくれる
+
+##### ルートグループ
+ディレクトリ名に()で包んだ名前を使用すると次の効果がある．
+- URLにルーティングされなくなる
+- 親ディレクトリのページの要素として扱える
+これによって，`/app/dashboard/(overview)/loading.tsx`にdashboardのストリーミングのコンポーネントを書くことでdashboardにのみ影響させることができる（`loading.tsx`が`invoices`や`custmers`の親ディレクトリにはない扱いになる）
+
+#### <Suspense>
+`loading.tsx`のコンポーネント版
diff --git a/hiro/nextjs10/README.md b/hiro/nextjs10/README.md
@@ -0,0 +1,2 @@
+### Partial Pre-Rendering
+よくわかってないが，前章でやった`<Suspense>`を使うやつのこと？
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		unstable_noStoreを使って静的レンダリングをオプトアウトできる．
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		### Partial Pre-Rendering
		よくわかってないが，前章でやった`<Suspense>`を使うやつのこと？