非同期リクエストでreduxアプリをサーバーレンダリングする方法は?

ビクター・スズダレフ

ルートハンドラーのReactコンポーネントをレンダリングするために必要なAPIリクエストを使用して、サーバーでレンダリングされたreduxアプリを構築したいと思います。

アクションでリクエスト作成機能を渡していると、カスタムミドルウェアがリクエストを起動してその結果をディスパッチします。クライアントの場合は問題なく動作しますが、サーバーのレンダリングで2つのことに苦労しています。

  1. ルートレンダリングに必要なAPIリクエストを知る必要があり、クライアントコードとサーバーレンダラーコードの両方でその知識を複製したくありません。
  2. サーバーでは、HTMLを文字列にレンダリングしてクライアントにスローできるように、APIリクエストが終了したことを知る必要があります。

アイデア/リンクはありますか?

フランコ・リッソ

私は同じことをしています。基本的には、API呼び出しから必要なすべての情報を取得する関数を使用して、情報をフェッチするために実行するアクションをコンポーネントで指定します。

Iこれを達成する方法の優れたチュートリアルがあるので、ここではその説明を多くの時間を費やす必要はありません、ここでは(そして、それは完璧に動作します)

乾杯。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

dust.jsテンプレート:セクションを非同期でレンダリングする方法は?

分類Dev

VueJs-HTMLをレンダリングする前に非同期リクエストを完了する方法は?

分類Dev

非同期APIリクエスト後にreactアプリを再ルーティングする方法

分類Dev

複数のアクションクリエーターをディスパッチする方法(React + Redux +サーバー側レンダリング)

分類Dev

react + firestoreで非同期データをレンダリングする方法は?

分類Dev

react + firestoreで非同期データをレンダリングする方法は?

分類Dev

Azureテーブルストレージクエリを非同期で実行する方法 クライアントバージョン4.0.1

分類Dev

非同期データを使用してReactサーバー側でコンポーネントをレンダリングする方法

分類Dev

jestでredux非同期アクションクリエーターをテストする

分類Dev

AWS CloudFormationアプリケーションロードバランサー-HTTPリスナーをHTTPSリスナーにリダイレクトする方法は?

分類Dev

承認されていない非同期リクエストでフレームワークのサーバー側リダイレクトを再生する

分類Dev

非同期アクションクリエーターをjestでreduxでモックする方法

分類Dev

Djangoテンプレートでクエリセットをレンダリングする方法は?

分類Dev

サーバー側のレンダリングを使用してWebアプリケーションをPDFにエクスポートする

分類Dev

アウトバーンサブスクリプションからのメッセージを非同期で非ブロッキングで処理します

分類Dev

Reactでサーバーサイドレンダリング用のコンポーネントをエクスポートする方法

分類Dev

Firestoreクエリで「Where」ステートメントを条件付きでレンダリングする方法は?

分類Dev

AngularJSとIonicでリストをレンダリングする前に、非同期データを待ちます

分類Dev

ANTD列で非同期データを取得/レンダリングする方法

分類Dev

NGXS非同期呼び出し後にAngularの再レンダリングをトリガーする方法は?

分類Dev

サーバーがレンダリングしたReactExpressJSフロントエンドがユーザーのReduxストアデータをリーク

分類Dev

DNNクライアントリソース管理で非同期(非ブロッキング)JavaScriptを使用する方法

分類Dev

クラスベースビューを使用して、別のアプリからdjangoでテンプレートをレンダリングする方法は?

分類Dev

AqueductDartサーバーでクライアントリクエストのIPアドレスを取得する方法

分類Dev

Flutter Reduxでストアを作成しているときに、サーバーから非同期でアプリの状態を読み込む方法は?

分類Dev

Prismイベントアグリゲーターサブスクライバー内から非同期メソッドを呼び出す方法は?

分類Dev

Laravel 4.2でグローバルスコープのリレーションをクエリする方法は?

分類Dev

フロントエンドのバックボーン経由でサーバー上のハンドルバー テンプレートをレンダリングする方法はありますか?

分類Dev

サーバーから非同期文字列をストリーミングする方法

Related 関連記事

  1. 1

    dust.jsテンプレート:セクションを非同期でレンダリングする方法は?

  2. 2

    VueJs-HTMLをレンダリングする前に非同期リクエストを完了する方法は?

  3. 3

    非同期APIリクエスト後にreactアプリを再ルーティングする方法

  4. 4

    複数のアクションクリエーターをディスパッチする方法(React + Redux +サーバー側レンダリング)

  5. 5

    react + firestoreで非同期データをレンダリングする方法は?

  6. 6

    react + firestoreで非同期データをレンダリングする方法は?

  7. 7

    Azureテーブルストレージクエリを非同期で実行する方法 クライアントバージョン4.0.1

  8. 8

    非同期データを使用してReactサーバー側でコンポーネントをレンダリングする方法

  9. 9

    jestでredux非同期アクションクリエーターをテストする

  10. 10

    AWS CloudFormationアプリケーションロードバランサー-HTTPリスナーをHTTPSリスナーにリダイレクトする方法は?

  11. 11

    承認されていない非同期リクエストでフレームワークのサーバー側リダイレクトを再生する

  12. 12

    非同期アクションクリエーターをjestでreduxでモックする方法

  13. 13

    Djangoテンプレートでクエリセットをレンダリングする方法は?

  14. 14

    サーバー側のレンダリングを使用してWebアプリケーションをPDFにエクスポートする

  15. 15

    アウトバーンサブスクリプションからのメッセージを非同期で非ブロッキングで処理します

  16. 16

    Reactでサーバーサイドレンダリング用のコンポーネントをエクスポートする方法

  17. 17

    Firestoreクエリで「Where」ステートメントを条件付きでレンダリングする方法は?

  18. 18

    AngularJSとIonicでリストをレンダリングする前に、非同期データを待ちます

  19. 19

    ANTD列で非同期データを取得/レンダリングする方法

  20. 20

    NGXS非同期呼び出し後にAngularの再レンダリングをトリガーする方法は?

  21. 21

    サーバーがレンダリングしたReactExpressJSフロントエンドがユーザーのReduxストアデータをリーク

  22. 22

    DNNクライアントリソース管理で非同期(非ブロッキング)JavaScriptを使用する方法

  23. 23

    クラスベースビューを使用して、別のアプリからdjangoでテンプレートをレンダリングする方法は?

  24. 24

    AqueductDartサーバーでクライアントリクエストのIPアドレスを取得する方法

  25. 25

    Flutter Reduxでストアを作成しているときに、サーバーから非同期でアプリの状態を読み込む方法は?

  26. 26

    Prismイベントアグリゲーターサブスクライバー内から非同期メソッドを呼び出す方法は?

  27. 27

    Laravel 4.2でグローバルスコープのリレーションをクエリする方法は?

  28. 28

    フロントエンドのバックボーン経由でサーバー上のハンドルバー テンプレートをレンダリングする方法はありますか?

  29. 29

    サーバーから非同期文字列をストリーミングする方法

ホットタグ

アーカイブ