Learn Next js - 9

# 9章

Learn Next.js: Streaming | Next.js

全体ローディング・部分読み込みについて

* loading.tsxファイルはpage.tsx、　layout.tsxと同様にNext.jsでファイルを作成する際に使用できるテンプレートである
* loading.tsxで設定した内容は、ブラウザで該当のページがロードされる間、ローディングページとして表示される

loading.tsxでは子ページにも適用される

それを回避するには(hoge)といったカッコで囲ったディレクトリを作り、そこにファイルを格納する必要がある

部分ローディングをするには、該当するコンポーネントをSuspensタグで囲む必要がある
```
import { Suspense } from 'react';
~省略~
<Suspense fallback={<RevenueChartSkeleton />}>
<RevenueChart />
</Suspense>
```