Reactを使用するフルスタックプロジェクトを適切に構成するにはどうすればよいですか?

シャンク

クライアント側にReact、サーバー側にExpress.jsを使用して高度なフルスタックプロジェクトを作成したいと思います。どのフォルダ構造の練習が最適ですか?シンプルにしておきたい。プロジェクトにはTypeScript、E2E、単体テストが含まれている場合があり、サーバー側APIと通信し、Socket.ioを使用してリアルタイムで統合します。可能であれば、1つのnode_modulesファイルと1つのpackage.jsonも保持したいと思います。ありがとう。

winwiz1

可能であれば、node_modulesファイルとpackage.jsonも1つずつ保持したい

ブラウザ内で実行されているReactアプリとNodeJSベースのExpressには、異なる依存関係があります。開発の依存関係にはTypescriptのようないくつかの類似点がありますが、本番の依存関係は実質的に異なります。クライアントとバックエンドの両方でJestのような同じテストフレームワークを維持することを試みることができますが、Jestが駆動する必要のある実際のテストライブラリは異なり、異なるJest構成設定が必要になります。Typescriptコンパイラの設定は異なる場合があります。

そのため、1つnode-modulespackage.json実用的ではないため、clientおよびbackend(またはserver)サブディレクトリに2つのプロジェクトが必要です。

一方、2つのプロジェクトは互いに緊密に統合して、本番ビルドなどをカバーするシームレスなクライアントバックエンドデバッグを可能にする必要があります。したがって、両方とも、通常はワークスペースと呼ばれる単一のトップレベルプロジェクトの傘下にある必要があります。

鮮明な反応を見てみることをお勧めします私は著者です。

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

カスタム プロジェクトのファイル内検索を適切に実装するにはどうすればよいですか?

分類Dev

django、docker、mysqlを使用するプロジェクトに最適な構成を設定するにはどうすればよいですか?

分類Dev

Reactルーターから構築されたネストされたURLを使用するサブディレクトリにあるSPAReactアプリでApacheを適切に構成するにはどうすればよいですか?

分類Dev

カスタムタグを持つようにAndroidプロジェクト用にRavenを構成するにはどうすればよいですか?

分類Dev

Erlangプロジェクトでdepsフォルダーを適切に使用するにはどうすればよいですか?

分類Dev

symfonyプロジェクトを使用したEclipsePDT:フォルダーの順序を構成するにはどうすればよいですか?

分類Dev

参照としてdllを追加するプロジェクトにdll構成ファイルを追加するにはどうすればよいですか?

分類Dev

Mavenプロジェクトに「org.apache.catalina.filters.SetCharacterEncodingFilter」フィルターを適切に含めるにはどうすればよいですか?

分類Dev

IAR Embedded WorkbenchプロジェクトのCeedlingを構成するにはどうすればよいですか?

分類Dev

既存のプロジェクトのCookiecutterDjango構成を更新するにはどうすればよいですか?

分類Dev

特定の構成のVisualStudioプロジェクトを生成するにはどうすればよいですか?

分類Dev

Gluonプロジェクトを構成するiOS、Android、デスクトップ(およびメイン)のGluonフォルダーを使用するにはどうすればよいですか?

分類Dev

異なるFirebaseプロジェクト用に2つのjsonファイル構成を作成するにはどうすればよいですか?

分類Dev

キャンセル機能を備えたダイアログボックスを使用できるように、VueJSおよびVueXプロジェクトをより適切に整理するにはどうすればよいですか?

分類Dev

BLEを使用するようにWPFプロジェクトを構成するにはどうすればよいですか?

分類Dev

gradlewがマシンごと、プロジェクトごとに使用するようにJDKを構成するにはどうすればよいですか?

分類Dev

クラスライブラリプロジェクトで自動マッパーを構成するにはどうすればよいですか?

分類Dev

適切なプロビジョニングプロファイルを使用して、2019年にコマンドラインからXcodeプロジェクトを構築するにはどうすればよいですか?

分類Dev

GWTプロジェクトでカスタムパッケージ構造を使用するにはどうすればよいですか?

分類Dev

基本的なGradleプロジェクトを使用してリソースを適切に参照するにはどうすればよいですか?

分類Dev

基本的なGradleプロジェクトを使用してリソースを適切に参照するにはどうすればよいですか?

分類Dev

マルチプロジェクト/マルチ構成設定でTensorflowの `file_io`を使用するにはどうすればよいですか?

分類Dev

複数のプロジェクトのGradleで複数のgradle.propertiesファイルを構成するにはどうすればよいですか?

分類Dev

ビューフォルダでプロジェクトを構成するにはどうすればよいですか

分類Dev

「モック」パッケージをAndroidStudioプロジェクトに適切に追加するにはどうすればよいですか?

分類Dev

フラスコプロジェクトを適切に整理するにはどうすればよいですか?

分類Dev

LaravelプロジェクトでSQLiteデータベースを構成するにはどうすればよいですか?

分類Dev

Buildshipの「Missing Gradleプロジェクト構成ファイル」の問題を修正するにはどうすればよいですか?

分類Dev

.desktop構成ファイルを使用してシェルスクリプトを実行するにはどうすればよいですか?

Related 関連記事

  1. 1

    カスタム プロジェクトのファイル内検索を適切に実装するにはどうすればよいですか?

  2. 2

    django、docker、mysqlを使用するプロジェクトに最適な構成を設定するにはどうすればよいですか?

  3. 3

    Reactルーターから構築されたネストされたURLを使用するサブディレクトリにあるSPAReactアプリでApacheを適切に構成するにはどうすればよいですか?

  4. 4

    カスタムタグを持つようにAndroidプロジェクト用にRavenを構成するにはどうすればよいですか?

  5. 5

    Erlangプロジェクトでdepsフォルダーを適切に使用するにはどうすればよいですか?

  6. 6

    symfonyプロジェクトを使用したEclipsePDT:フォルダーの順序を構成するにはどうすればよいですか?

  7. 7

    参照としてdllを追加するプロジェクトにdll構成ファイルを追加するにはどうすればよいですか?

  8. 8

    Mavenプロジェクトに「org.apache.catalina.filters.SetCharacterEncodingFilter」フィルターを適切に含めるにはどうすればよいですか?

  9. 9

    IAR Embedded WorkbenchプロジェクトのCeedlingを構成するにはどうすればよいですか?

  10. 10

    既存のプロジェクトのCookiecutterDjango構成を更新するにはどうすればよいですか?

  11. 11

    特定の構成のVisualStudioプロジェクトを生成するにはどうすればよいですか?

  12. 12

    Gluonプロジェクトを構成するiOS、Android、デスクトップ(およびメイン)のGluonフォルダーを使用するにはどうすればよいですか?

  13. 13

    異なるFirebaseプロジェクト用に2つのjsonファイル構成を作成するにはどうすればよいですか?

  14. 14

    キャンセル機能を備えたダイアログボックスを使用できるように、VueJSおよびVueXプロジェクトをより適切に整理するにはどうすればよいですか?

  15. 15

    BLEを使用するようにWPFプロジェクトを構成するにはどうすればよいですか?

  16. 16

    gradlewがマシンごと、プロジェクトごとに使用するようにJDKを構成するにはどうすればよいですか?

  17. 17

    クラスライブラリプロジェクトで自動マッパーを構成するにはどうすればよいですか?

  18. 18

    適切なプロビジョニングプロファイルを使用して、2019年にコマンドラインからXcodeプロジェクトを構築するにはどうすればよいですか?

  19. 19

    GWTプロジェクトでカスタムパッケージ構造を使用するにはどうすればよいですか?

  20. 20

    基本的なGradleプロジェクトを使用してリソースを適切に参照するにはどうすればよいですか?

  21. 21

    基本的なGradleプロジェクトを使用してリソースを適切に参照するにはどうすればよいですか?

  22. 22

    マルチプロジェクト/マルチ構成設定でTensorflowの `file_io`を使用するにはどうすればよいですか?

  23. 23

    複数のプロジェクトのGradleで複数のgradle.propertiesファイルを構成するにはどうすればよいですか?

  24. 24

    ビューフォルダでプロジェクトを構成するにはどうすればよいですか

  25. 25

    「モック」パッケージをAndroidStudioプロジェクトに適切に追加するにはどうすればよいですか?

  26. 26

    フラスコプロジェクトを適切に整理するにはどうすればよいですか?

  27. 27

    LaravelプロジェクトでSQLiteデータベースを構成するにはどうすればよいですか?

  28. 28

    Buildshipの「Missing Gradleプロジェクト構成ファイル」の問題を修正するにはどうすればよいですか?

  29. 29

    .desktop構成ファイルを使用してシェルスクリプトを実行するにはどうすればよいですか?

ホットタグ

アーカイブ