サーバ側のレンダリングが非同期呼び出しが完了するのを待ちますか？

Question

反応サーバー側のレンダリングでは、レンダリングされたHTMLは、状態が完全に読み込まれた後にのみクライアントに送信されますか？

たとえば、ユーザーが複数の非同期API呼び出しを持つページを要求した場合、クライアントはパッケージ化されたHTMLを受け取る前にそれらのAPI呼び出しが完了するのを待つ必要がありますか？

これが間違っている場合は、要求されたページのAPI呼び出しが遅い場合、空のブラウザウィンドウを見たままにすることができますか？すなわち、サーバはクライアントに応答を送る前にAPIコールが終了するのを待っている。

私はhttp://redux.js.org/docs/recipes/ServerRendering.htmlのドキュメントを読んだことがありますが、正しく解釈しているかどうかはわかりません。誰かが私のためにこれを明確にしてもらえますか？

Answer 1

単語：NO。 ReactDOMServer.renderToStringは、非同期コールアウトオブボックスをサポートしていません。

何ができることは、データをプリフェッチし、例えば、クライアントに送り返し、その後、HTMLでそれを入れている：

<script> 
    window._preFetchedData = {"somedata": {"post": {//... 
</script> 

ので、ページがブラウザに送信されたときに、フロントエンドがすべきpreFetchedDataを読み込んで読み込みます。

私の意見では、React virtual-domは、サーバー側のレンダリングの問題に対するソリューションの半分（1/3？）しか提供していませんでした。 サーバー側のレンダリングを達成するには、データフロー管理に大きな努力が必要です。多くの場合、その価値はありません。