angular.js - NgReact について考えるべきこと (Angular で React コンポーネントを使用する)
漂亮男人
漂亮男人 2017-05-15 16:50:29
0
2
762

今見ましたhttp://davidchang.github.io/ngReact/
Reactjs と Angularjs を統合します。 Reactjs を使用して、レンダリングのみを担当する Angularjs の命令部分を実装します。
この組み合わせについてどう思いますか?
メリットは何ですか?デメリットは?

漂亮男人
漂亮男人

全員に返信(2)
过去多啦不再A梦

この件について詳しい方、アドバイスをいただければ幸いです、よろしくお願いします。

いいねを押す +0
我想大声告诉你

私はreactについてあまり知りませんが、説明してみます:

Angular の自動ダーティ チェック メカニズムにより、Angular のレンダリングは非常に時間がかかります。そのダーティ チェックでは、dom 要素内のすべての ngBind 要素が記録され、変更が判断され、各 $digest ループ内のコンテンツが置き換えられます。これに関する問題の 1 つは、ページ内のデータが多すぎると、より多くの DOM 要素が操作されるため、効率が低下することです。そのため、Angular の ngRepeat の上限は 2000 です。

React にはテンプレートがないため、DOM を直接操作するのではなく、js を使用してレンダリングとメモリ内での操作が行われます。これは非常に高速であるため、この 2 つの組み合わせにより UI レンダリングが大幅に向上し、大規模な環境に適しています。データの提示は非常に役立ちます。

欠点としては、私が反応するのが好きではないということでしょうか? Angular のテンプレートは大きな利点です。目に見えるものがそのまま得られます。すべてが命令であり、それは依然として HTML です。逆に、React が HTML をコンポーネントとして書き込む方法では、最適化とメンテナンスのコストが高すぎると思います。ES7 ではObject.observe 関数を使用すると、ng の効率が大幅に向上します。

理解できないこと: 2 つを組み合わせた後に DOM イベントを処理するにはどうすればよいですか?双方向のデータ バインディングを進めるにはどうすればよいですか?双方向データ バインディングが必要ない場合、Angular には 1.3 以降、{{ ::expression }} というワンタイム バインディング構文が組み込まれています。これにより、双方向データ バインディングの効率が低いという問題が大幅に軽減されます。修正は歓迎です。 。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート