検索

ホームページ  >  に質問  >  本文

angular.js - NgReact について考えるべきこと (Angular で React コンポーネントを使用する)

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

漂亮男人漂亮男人2775日前736

全員に返信(2)返信します

  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 16:52:29

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

    返事
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 16:52:29

    私は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
  • キャンセル返事