状態は反作用側のレンダリングでどのように機能しますか？

Question

このvideoを見ていて、最初のページの読み込み中のコンポーネントの状態がどのようにコンポーネントに設定されているかを理解したかったのです。コンポーネントは既にサーバー側で設定された状態で構築され、HTML またはとしてクライアントに送信されますが、コンポーネントがサーバー側で構築され、HTMLとしてクライアントに送信されます。 bundle.jsを実行してデータを取得しますか？

ビデオの8分ぐらいの周りにスピーカーは、設定が必要なウィンドウの状態について話し、リアクション状態と同期させます。それについては何ですか？サーバー側に既に設定されている場合、ウィンドウに状態が必要なのはなぜですか？それはまだ設定されていないので、それはサーバーとは別に送られ、クライアントコンポーネントはウィンドウからそれを取得する必要がありますか？

Answer 1

React with serverレンダリングを使用する場合は、クライアントの応答に沿ってアプリの状態も送信する必要があるため、クライアントはこれを初期状態として使用できます。これは、HTMLを生成する前にデータをプリロードすると、クライアントがこのデータにもアクセスできるようにするために重要です。そうしないと、クライアント上で生成されたマークアップはサーバーマークアップと一致せず、クライアントはデータを再度ロードする必要があります。クライアントにデータを送信するために

、我々を行う必要があります。

• は、リクエストごとに新鮮な、新しいリアクトストアインスタンスを作成します。 は、オプションでいくつかのアクションをディスパッチします。 状態をストアから取り出します。 を入力し、クライアントに状態を渡します。 クライアント側では、新しいReact Storeが作成され、サーバーから提供された状態で初期化されます。

リアクションだけがサーバー側で行う仕事は、私たちのアプリの初期状態を提供することです。