2017-03-28 8 views
0

私はReactチュートリアルを通過していましたが、Web上では同形Reactについてたくさん見ました。それが何であるかをちょっと混乱させ、それはどうやって動くのですか?同形反応の平均とは何か

Isomorphic Reactアプリケーションは、開始時に必要なすべてのデータをロードし、ストア内の完全なデータ(Reduxアーキテクチャ)を保持しているユーザーの要求に従ってクライアント側でレンダリングを維持するというものです。

ここで、私がjsonとしてデータを取得するサードパーティ製のアプリケーションからwebserviceを使用して完全なHTMLフォームをロードする必要があるようなシナリオがある場合(スクリーン上にレンダリングする必要のあるスキーマ)、何らかのアクションを実行すると、次の画面としてロードするための他のスキーマが得られるようにリクエストを送り返す必要があります。私は

だからこのケースでは、私が言うことができる(それはAPIの公開可能性があるとして、私がやるのは好きではない)サーバーの呼び出しやAJAX呼び出しを行う必要があり、すべての時間として同型使用どのようにこのシナリオでは 同形のこのアプリケーションまたは私の理解wrt isomorphicは完全に間違っていますか?

答えて

1

同形: "形式または関係に対応するか類似しています"。

ウェブアプリケーションに関しては、これはサーバーが何らかの形でクライアントに類似していることを意味します。つまり、サーバーはクライアントと同じくらいレンダリングすることができます。ある意味では、同形Webアプリケーションは、サーバがデータをレンダリングし、それをクライアントに事前レンダリングする古いパラダイムへの復帰です(PHPテンプレートやRuby erbと思う)。

具体的には同形Reactの場合、サーバーはReactコンポーネントとReact.renderToString()を使用してクライアントの初期HTMLをレンダリングすることを意味します。これにより、Railsを使用しているときにサーバー側にerbテンプレートを持つなど、クライアントサイドテンプレート用にハンドルバーを使用するなどの二重作業がなくなり、FOUCも回避されます。あなたはすべてのためにReactを使うことができます。

サードパーティのサービスを使用している場合は、いつものようにjsonデータを使用するだけです。あなたのアプリが同形であるかどうかは、自分のサーバーがフロントエンドと同じテンプレートエンジンを使用しているかどうかです。あなたが消費するかもしれない第三者サービスは、あなたのアプリが同形であるかどうかに関係しません。

関連する問題