2016-11-02 13 views
1

私はreact.jsフレームワークをかなり研究しています。私はまだ、クライアント側とサーバー側のレンダリングの違いを完全に理解しています(CLEARの違いを探す努力にもかかわらず)。したがって、私は親切な魂がこのトピックの明確で鮮明な説明を提供することに非常に感謝しますか?React ServerとReact Clientの違い

Btw、私は.NETのバックグラウンドですから、より多くのJS指向のプログラミング方法への私の考えを調整するためにまだ努力しています。

ありがとうございます!

+0

非常に小さな違いです。クライアント側=あなたのブラウザにJSスクリプトを読み込んだら、DOMをビルドするscriptタグ付きhtmlを送信します。サーバーサイド=でもそれを行いますが、サーバー上の最初のDOM文字列をレンダリングすることで、最初のリクエストでより完全なDOMを送信します。 – azium

答えて

1

サーバー側のレンダリングでは、Webサーバーを扱っています(C#.Netなど何かを書くと思います)。ブラウザではドキュメントやウィンドウがありません。だから反応するのは、メモリ内に「仮想」DOMを構築してから、実際にそれをブラウザで取り上げる特別な属性を持つHTML文字列に変換することができます。次に、そのHTMLの文字列でHTTPリクエストに応答します。その後、ブラウザで反応アプリケーションを読み込むと、サーバーが中断した場所が表示され、ブラウザのメモリに別の「仮想」DOMが構築されます。正しく処理すると、このプロセス中にドキュメントを操作する必要がないため、静的なhtmlファイルのようにブラウザがこの動的ページを読み込みます。しかし、現実のReact仮想DOMがあり、Reactの素晴らしいレンダリングエンジンを使用して、別のページにナビゲートしたり、別の方法で更新したりすることができます。

これをすべて取得するには、NPMパッケージをまとめて使用し、ユースケースに最も近い例を見つけようとします。これはおそらく、すべてが実際に単一のフレームワーク。あなたのアプリのすべての部分について考慮するには、さまざまなツールやテクニック(リント、トランジラル、バンドル、テスト、ビルドなど)があり、すべてを一緒に処理するには時間がかかります。最近では、これは最も最適なWeb​​アプリケーションを得るために支払う価格です。これらのツールが何をすることができるのかは驚くべきことですが、間違いなく習得が急がれています。ここの人々はいつでもすぐに手伝ってくれます!

関連する問題