Suspenseを活用する

[junseinagao]

React.Suspense を使ったけど、上手く機能していなさそう。

調査して正しく使う。

[junseinagao]

Suspenseはいくつかのユースケースがありそう。

• 動的インポートの表示時にfallbackを表示するパターン ( Official Support )
• コンポーネント内部のデータの取得失敗時にfallbackを表示するパターン ( Render-as-fetch という )

自分がやりたかったのは、 Render-as-fetch

[junseinagao]

Render-as-fetch の実装パターン

リクエスト時に自分で実装する or ライブラリを使う必要がある

dai-shi/react-suspense-fetch

swrも対応

[junseinagao]

「失敗した時に fallback が表示される」というテストを書きたい...

[junseinagao]

useRegisterPrefectureCheckbox.ts のテストを書けばよさそう。