À quel cadre React appartient-il ?

react est un framework de développement web front-end ; React est une bibliothèque JavaScript utilisée pour créer des interfaces utilisateur. Ses caractéristiques sont : 1. Simple, exprimez simplement à quoi devrait ressembler votre application à tout moment. 2. Déclarative, React ; Il s'agit de construire des composants réutilisables. En fait, avec React, tout ce que vous faites est de créer des composants. Grâce à l'encapsulation, la réutilisation du code des composants, les tests et la séparation des problèmes sont plus faciles.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

À quel framework appartient React ?

React appartient à un framework de développement web front-end.

React est une bibliothèque JavaScript utilisée pour créer des interfaces utilisateur. Elle est issue d'un projet interne de Facebook. L'entreprise n'était pas satisfaite de tous les frameworks JavaScript MVC du marché et a décidé de développer le sien pour créer le site Web Instagram. Open source en mai 2013.

Alors quel problème React résout-il ? Vous pouvez trouver cette phrase sur le site officiel :

We built React to solve one problem: building large applications with data that changes over time.

Construisez des applications à grande échelle où les données changeront au fil du temps. Pour ce faire, React a deux fonctionnalités principales :

• Simple

  .

Décrivez simplement à quoi devrait ressembler votre application à tout moment, et React gérera automatiquement les mises à jour de l'interface utilisateur lorsque les données changent.

• Déclarative

Lorsque les données changent, React revient conceptuellement à cliquer sur F5. En fait, il met simplement à jour une partie du changement.

React consiste à créer des composants réutilisables. En fait, avec React, tout ce que vous faites est de créer des composants. L'encapsulation facilite la réutilisation du code des composants, les tests et la séparation des problèmes.

Les grands principes de React

Virtual DOM Virtual DOM

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 coûteuses. 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 Virtual DOM, 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 du DOM virtuel 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 la plus petite valeur en comparant la nouvelle actuelle. Représentation DOM avec la précédente. Étapes pour mettre à jour le vrai DOM.

Apprentissage recommandé : "Tutoriel vidéo React"

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!