Que peut faire la réaction ?

react est une bibliothèque JavaScript principalement utilisée pour créer une interface utilisateur et peut être utilisée pour créer des interfaces utilisateur Web « prévisibles » et « déclaratives » ; React peut créer des applications à grande échelle où les données changent au fil du temps, et peut améliorer le développement. efficacité.

React est né d'un projet interne à Facebook Parce que l'entreprise n'était pas satisfaite de tous les frameworks JavaScript MVC du marché, elle a décidé d'écrire le sien. pour créer un site Web Instagram. Après l'avoir réalisé, j'ai trouvé que cet ensemble de choses était très utile, c'est pourquoi il est devenu open source en mai 2013.

React est une bibliothèque JavaScript permettant de créer des interfaces utilisateur. React est principalement utilisé pour créer une interface utilisateur. Beaucoup de gens considèrent React comme le V (vue) dans MVC. React a des performances élevées et une logique de code très simple. De plus en plus de gens ont commencé à y prêter attention et à l'utiliser.

React peut être utilisé pour créer des interfaces utilisateur Web « prévisibles » et « déclaratives » ; React peut créer des applications à grande échelle où les données changent au fil du temps et peut améliorer l'efficacité du développement

Vous pouvez passer différents types de paramètres dans React, tels que des codes de déclaration pour vous aider à restituer l'interface utilisateur, des éléments HTML DOM statiques, des variables dynamiques et même des composants d'application interactifs.

Fonctionnalités de React

• Conception déclarative -React adopte un paradigme déclaratif qui peut facilement décrire les applications.

• Efficient −React minimise l'interaction avec le DOM en simulant le DOM.

• Flexible −React fonctionne bien avec des bibliothèques ou des frameworks connus.

• JSX - JSX est une extension de la syntaxe JavaScript. Le développement de React n'utilise pas nécessairement JSX, mais nous le recommandons.

• Composant - La création de composants via React facilite la réutilisation du code et peut être bien appliquée dans le développement de grands projets.

• Flux de données de réponse unidirectionnelle - React implémente un flux de données de réponse unidirectionnelle, réduisant ainsi le code répété, c'est pourquoi il est plus simple que la liaison de données traditionnelle.

Les grands principes de React

Dans les applications Web traditionnelles, les opérations DOM sont généralement directement mises à jour, mais nous savons que les mises à jour du DOM sont généralement relativement Cher. Afin de réduire autant que possible les opérations sur le DOM, React fournit un moyen différent et puissant de mettre à jour le DOM au lieu des opérations directes du DOM. Il s'agit de VirtualDOM, un DOM virtuel léger, qui est un objet abstrait par React, décrivant à quoi devrait ressembler le dom et comment il doit être présenté. Le vrai DOM est mis à jour via ce Virtual DOM, et ce Virtual DOM gère la mise à jour du vrai DOM.

Pourquoi cela peut-il être plus rapide grâce à cette couche supplémentaire d'opérations Virtual DOM ? En effet, React dispose d'un algorithme de différence. La mise à jour de VirtualDOM ne garantit pas que cela affectera immédiatement le DOM réel. React attendra la fin de la boucle d'événements, puis utilisera cet algorithme de différence pour calculer l'étape minimale en comparant la nouvelle représentation dom actuelle. avec le précédent. Mettez à jour le vrai DOM.

L'avantage le plus évident est ce que l'on appelle le dom diff de React, qui peut réaliser des mises à jour dom de niveau delta. Lorsque des modifications de données entraînent des modifications du DOM, React ne s'actualise pas globalement, mais calcule les différences via son algorithme dom diff interne, puis les met à jour avec la plus petite granularité. C'est aussi pourquoi React prétend avoir de bonnes performances.

Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!