問題タブ [isomorphic-javascript]

こんにちは、私は JavaScript の初心者で、React/Redux を使用してアイソモルフィック Web アプリケーションを構築する方法を理解しようとしています。たくさんの例とチュートリアルを見てきましたが、そのようなアプリケーションを開始する方法とプロジェクトを構築する方法を理解できませんでした。これまでのところ、アクション、コンポーネント、リデューサー、ルートなどがどのように相互作用するかを理解できません。概念の基本的な理解が不足していることは承知していますが、可能であれば、他のフレームワークではなく、React を学ぶことから始めたいと考えています。そのようなプロジェクトを計画および構築する方法を説明するのを手伝ってくれる人はいますか?

同形アプリのレンダリングに問題があります。react-router(1.0.0-rc3) を使用しない場合は正常に動作しますが、ルーター、特に次のようなリンクをレンダリングするコンポーネントを導入すると:

出力はサーバーとクライアントで異なります。この警告が表示されます

したがって、サーバー（またはクライアント）は href タグを別の方法でレンダリングします。これがサーバー側をレンダリングする方法です

ここで使用するテンプレート エンジンは blueimp-tmpl です。最初は、レンダリング時に href-hash-sign に何かを行うのではないかと疑っていましたが、出力 renderToString をログに記録したところ、テンプレートに入る前に href-hash-sign が既になくなっています。 .

npm履歴パッケージ（react-routerのピア依存関係）を掘り下げましたが、リンクのhref部分を生成するコンポーネントのようですが、なぜそれが異なる方法でレンダリングされるのかわかりませんでした。

何か案は？

編集、これがルートです

BR twd

ユーザーによるコメントのリストを表示するシンプルなアプリがあります。ユーザーがクリックされると、アプリが移動し/users/<id>、MongoDB からクエリされるユーザーの詳細を含む新しいページを表示する必要があります。そのロジックがどこにあるべきかを理解するのに苦労しています。

次のように、クライアントで反応ルーターを使用する例を見ました。

ただし、サーバー側でも次のようにします。

また、高速ルーティングを使用します。

どちらが行く方法ですか？違いは何ですか？

同形/ユニバーサルアプリを作成しようとしていますが、すべてのものを結び付けるには多くの複雑さがあります。

私が必要としているのは、動的ロードと es6/7 スクリプト (async/await など) の可能性を備えた、クライアントとサーバー用の一般的な (commonjs と混同しないでください) モジュール形式です。

また、webpack のようなパッケージング ツールを使用せずに実行時にトランスパイルしたい

私はsystemjsを試しましたが、問題は、Systemjsがノードを必要とするのと同じ方法でnodejsモジュールをロードできないことです。

と同じように機能しない

だから私はサーバー側（+トランスパイル用のbabel）とブラウザの両方でcommonjs形式を使用しようとしています

ブラウザでsteal.jsを使用していますが、内部でsystemjsも使用し、クライアント側でnpmモジュールをロードして実行時にトランスパイルできますが、systemjsは「esm/es6」のみを自動的にトランスパイルするため、commonjsモジュールを自動的にトランスパイルすることはできません' フォーマット ：（

systemjs/stealjs を使用して cjs モジュールを強制的にトランスパイルする方法、またはサーバー上で System.import を適切な方法で動作させる方法が必要です

それとも間違った方向に動いているのでしょうか？