angulaire.js - Que penser de NgReact (utiliser les composants React dans Angular)

Question

Je viens de voirhttp://davidchang.github.io/ngReact/
Intégrez Reactjs et Angularjs. Utilisez Reactjs pour implémenter la partie instruction d'Angularjs, qui est uniquement responsable du rendu.
Que pensez-vous de cette combinaison ?
Quels sont les avantages ? Inconvénients ?

Answer 1

J'espère que quelqu'un ayant des connaissances à ce sujet pourra me donner quelques conseils, merci beaucoup.

Answer 2

Je ne sais pas grand-chose sur React, mais je peux essayer d'expliquer :

En raison du mécanisme de vérification automatique d'angular, le rendu d'angular prend beaucoup de temps. Sa vérification sale enregistre tous les éléments ngBind dans l'élément dom, puis détermine les modifications et remplace le contenu dans chaque boucle $digest. Un problème avec ceci est que s'il y a trop de données dans la page, plus d'éléments DOM seront manipulés et l'efficacité sera inférieure. Par conséquent, angulaire a une limite supérieure de ngRepeat de 2000.

Comme React n'a pas de modèles, il utilise JS pour le rendu et les opérations en mémoire au lieu de manipuler directement le DOM. C'est très rapide, donc la combinaison des deux aura une amélioration d'un ordre de grandeur dans le rendu de l'interface utilisateur, ce qui est. important pour une grande quantité de présentation de données aide beaucoup.

Quant aux manquements, est-ce que ça compte si je n'aime pas réagir ? Le modèle d'Angular est un gros avantage, ce que vous voyez est ce que vous obtenez, tout est des instructions, c'est toujours du HTML au contraire, la façon dont React écrit le HTML en tant que composant, je pense que le coût d'optimisation et de maintenance est trop élevé, es7 l'aura Fonction Object.observe, d'ici là l'efficacité de ng sera grandement améliorée.

Ce que je ne comprends pas : Comment gérer les événements DOM après avoir combiné les deux ? Comment procéder à la liaison de données bidirectionnelle ? Si la liaison de données bidirectionnelle n'est pas requise, Angular a une syntaxe de liaison unique intégrée depuis la version 1.3 : {{ ::expression }}, ce qui atténuera considérablement le problème de la faible efficacité de la liaison de données bidirectionnelle. Les corrections sont les bienvenues. .