なぜ、フロントエンドの専門家によって促進される反応

このセクションでは、フロントエンド開発者のための優れた選択肢と反応させる機能のいくつかを説明します。顔をしています:

  1. 仮想DOM: -実際のブラウザよりも無限回友好仮想ブラウザ上で述べたように、React.jsは有用仮想DOMをもたらしました。あなたは、開発者と実際のブラウザの間に座っ仲介としてそれを取ることがあります。

    仮想DOM

     

    ビューで行った変更が反映元と更新1:仮想DOMを支援は、DOMの2つのバージョンをモデル化することによって反応します。フレームワークは、相違点を指摘し、元の異なるUIの一部のみが更新されます。したがって、彼らは全体の更新されたビューを再作成しなければならなかった以前のSSRのバージョンを緩和。
  2. ネイティブ反応の反応だけでなく、モバイルアプリ開発の分野に革命をもたらしています。ネイティブフレームワークを反応させるの開発者は、ネイティブJavaとObjective-C /スウィフトに作られたものとして動作するJavaScriptでのモバイルアプリケーションを作成して展開することができます。これが反応はユニークなUI components.Additionallyを書くためのiOSとAndroidの両方のためのネイティブ・コードのコンパイルを使用しているため、あるコルドバとイオンなどのモバイルとても簡単、何か他のモバイルフレームワークへのWebからの不可能されているスイッチングなり反応します。ウェブとモバイル(iOSのと同様にAndroidの)両方のコードを書くためにあなたに自由を与え、状態の出力として扱いビュー層を反応するので、これは可能です。
  3. JSXは:1つのアクセスJSXファイルにミックスJavaScriptとHTMLを反応します。この方法では、開発者が自分のJavaScriptに直接HTMLのようなコードを書くために自由を得る反応します。それはあなたのHTMLとJavaScriptの両方の利点を持つ再利用可能なUIコンポーネントを構築する方法を与え、迅速かつ便利です。
  4. インタラクティブなユーザインタフェース:開発者に成形し、そのユーザーは、彼らが望むようにインターフェイスを定義する自由を与える反応します。フロントエンド開発者は、単にこのような開発プロセスを自動化する、所望の成分を得るために機能の点でインタフェースを記述しなければなりません。リアクトする前に、開発者が手動でネイティブのWeb APIとJavaScriptを利用して、インターフェイス上のトランザクションを記述するための手順を作成する必要がありました。
  5. フラックスプログラミング:リアクトはMVC構造に「V」であるが、フラックスは、「M」及び「C」成分で埋めます。このアーキテクチャは、基本的にアプリケーションのデータのために、簡単な明示的、および追跡可能なアップデートパスを定義し、JavaScriptで構築されたアプリケーションでデータ層を作成するために使用されます。これは、効果的に識別し、管理することで、全体の更新とバグ追跡プロセスを高速トラックのアクション」。
  6. 再利用可能なコンポーネント:  世界はゆっくりとインタラクティブなコンポーネントに向かって動いている、して反応チームはそれを理解しているようです。簡単なボタンから、複雑なリストに- -限りのアプリケーションがそれを必要とする反応は、太陽の下で何もすることができコンポーネントの使用を奨励しています。これらの成分は、具体的に単数形でまたは完全に異なる目的を果たすために一緒に来る別、より小さい成分の混合物として、何度も繰り返し使用するように構築されています。
  7. ワンウェイデータフロー:  少なくとも最後のではなく、アプリケーション全体でクリーンなデータ・フロー・アーキテクチャを確保し、一方向のデータフローを利用して反応します。この集中の流れは、開発者が機能をより良く制御することができるようになります。

データフローの反応

出典:  http://blog.embengineering.com/post/2016/04/16/introduction-to-react-data-flow/

 

https://dzone.com/articles/react-is-taking-over-front-end-development-why

おすすめ

転載: www.cnblogs.com/feng9exe/p/11084609.html