フレームワーク
このセクションでは、@lazarv/react-server
フレームワークについて紹介します。このフレームワークは、サーバーサイドレンダリングのReactアプリケーションを構築するためのツールとユーティリティのセットを提供します。
CLIを使用してアプリのビルド、実行、デプロイする方法を学ぶことができます。これは開発ワークフローを簡単にするためのコマンドを提供するシンプルなツールです。
フレームワーク独自の設定ファイルやVite設定ファイルを使用してアプリを設定する方法を学ぶことができます。このフレームワークはViteの上に構築されており、すべてのVite設定オプションとプラグインを使用してアプリをカスタマイズできます。
また、サーバーサイドレンダリング、ミドルウェア、ルートハンドラー、またはサーバー関数の実行中に完全なHTTPコンテキストにアクセスすることもできます。フレームワークはHTTPコンテキストにアクセスし操作するための一連のフックと関数を提供します。
さらに、フレームワークはサーバー上でデータをキャッシュするためのツールも提供しています。デフォルトではメモリ内にデータをキャッシュできますが、独自のキャッシュプロバイダーを構築することも可能です。
エラー処理については、組み込みのエラーバウンダリコンポーネントの使用方法や、独自のエラー処理を実装する方法について学ぶことができます。
また、部分的プリレンダリング、クラスターモード、ミドルウェアモードなど、フレームワークの小さいながらも便利なモードについても学ぶことができます。部分的なプリレンダリングは、アプリの一部だけをプリレンダリングしたい場合に便利です。クラスターモードは、マルチプロセス環境でアプリを実行したい場合に役立ちます。一方、ミドルウェアモードは、ExpressやNestJSなどの既存のサーバーでアプリをミドルウェアとして実行したい場合に便利です。
マイクロフロントエンドセクションでは、フレームワークを使用してマイクロフロントエンドアーキテクチャを実装する方法について学ぶことができます。フレームワークはアプリでマイクロフロントエンドを実装するための一連のツールを提供しています。RemoteComponent
コンポーネントを使用して、リモートURLからマイクロフロントエンドを読み込み、サーバーサイドレンダリングを使用してアプリ内でレンダリングできます。サーバーサイドレンダリングがサポートするiframe
フラグメントをReactアプリケーションで使用できます!