remix SPAモード

---

HydrateFallbackについて

ハイドレーションとは

• 事前に生成された HTML に対してイベントハンドラをアタッチしていく処理のことです。

HydrateFallback

• SPA モードでは root.tsx の HydrateFallback コンポーネントがエントリーポイントとなります。
• ハイドレーション中に、返すテンプレートを定義するもの。

clientLoader

• SPA モードでは loader 関数を export する代わりに、clientLoader 関数を export します。clientLoader 関数は loader 関数と同じようにデータを取得するための関数ですが、サーバーでは実行されず、クライアントサイドでのみ実行されます。

clientAction

• SPA モードでは action 関数の代わりに、clientAction 関数を export します。この関数はクライアントサイドでのみ実行されます。

entry.client.tsx

• これは、ブラウザで実行される最初のコードです。クライアント側ライブラリの初期化、クライアント専用プロバイダーの追加などを行うことができます。

entry.server.tsx