2016-08-21 6 views
0

私はWeb開発に取り掛かり、ReactとReduxを使って現在Node.jsを探しています。 .NETの背景から来たので、私はTypeScriptを使いたいので、定型文に対する私の選択は限られていました。私はこれを見つけました: https://github.com/barbar/vortigernJS Boilerplate for serverにはclient.tsxが含まれています

この定型文は、client.tsxとserver.tsxを持っています。私はクライアントのポイントが何であるか分かりません。つまり、これはフロントエンドを開発するためのものです。サーバーの必要性はありますが、クライアントの目的は何ですか?私はちょうど見つけることができません。 webpackの設定では、サーバーとクライアントの2つのファイルがありますが、どちらが呼び出されたかはわかりませんでした。

私は誰かが私には、このクライアントの目的を説明することを願って!事前にどうもありがとうございました!

+0

、私はクライアント側のみの設定に固執することをお勧めサーバー側のエントリポイントである、あなたのクライアント側のコードのエントリポイントでありますはるかに一般的です)。 Reactコンポーネントをサーバー上でレンダリングすることは可能であるため、クライアント側とサーバー側の両方の "同形"の設定もありますが、これは特に始動する人にとってははるかに複雑な設定です。ここにあなたに適した定型文があります。https://github.com/mobxjs/mobx-react-typescript-boilerplate – azium

+0

ありがとう!私はその定型文を見ていきます。しかし、ちょうど理解するために、私はまだ2つのjsファイルが必要な理由を知りたいです。私はサーバー側のレンダリングもメインサーバーファイル(server.tsx)で実行され、レンダリングされたHTMLをクライアントに送信すると考えていました(私にとって、クライアントはページを見ているWebブラウザです)。だから私はまだ疑問に思うのは、なぜ私のサーバーの実装上にclient.tsxですか? (私にとって、プロジェクト全体とフォルダ構造は「サーバー」です)私は、サーバー側のレンダリングであっても、サーバー側のクライアントファイルの目的が何であるか分かりません。 – Maxbit

+0

@azium – Maxbit

答えて

0

Vortigernは、同形反応型スクリプトである。つまり、コードを一度書くと、同じコードがクライアントとサーバーで実行されます。クライアント側とサーバー側のコードには異なる設定があります(クライアント側にはexpress/httpサーバはありません)。クライアントとサーバに必要なリソースをそれぞれロードするエントリポイントが2つあります。

  • client.tsxファイルには、(
  • server.tsxファイルが
  • あなたがWeb開発に新しいしている場合
関連する問題