ReactとExpress WebAppを設定する一般的な方法

Question

私は、React、Node、Expressを使ってSPAを開発する必要があるプロジェクトに取り組んでいます。私はNode/Expressが静的なファイルを提供できることを理解しています。そのため、私は最初に反応したアプリケーションを作成し、Expressサーバー経由で提供していました。 しかし、私のNode/Expressサーバーには、他のマイクロサービスと接続し、データをフェッチするような他の役割もあります。コントローラのSPA.Sortによって制御されるUIに最終的に渡されます。また、Restの代わりにGraphqlを使用する予定です。

Expressサーバを使用してSPAとコントローラの両方を実行するアプローチは複雑で、2つの異なるWebアプリケーションとして分離する必要がありますか。私は私の最初のアプローチのための多くのユースケースを見つけることができませんでした

（両方を一緒に保つ）が、私は正しいアプローチであるものに、ここでのように、2通りhttps://dev-blog.apollodata.com/full-stack-react-graphql-tutorial-582ac8d24e3b

任意の提案をそれらを分割することを見ることができましたか？ ありがとう

Answer 1

スタティックファイルを提供したい場合は、Amazon S3バケットを使用してリアクションアプリを提供し、最適な読み込み時間のためにCDNをフロントに投げることができます。

隔離されたままにしておくのがいいですが、プロジェクトのサイズと範囲によっても異なります。後で展開したいのであれば、あなたのAPIがアプリとそのすべての資産にも役立っている可能性があります。

これらを分離すると、実際のAPI使用量と静的資産要求（画像、index.htmlなど）から負荷が分けられます。