Quels sont les avantages et les inconvénients de réagir

Les avantages sont : 1. La création d'applications Web dynamiques devient plus facile ; 2. Composants réutilisables ; 3. Amélioration des performances 4. Bonne compatibilité ; Les inconvénients sont les suivants : React cible les composants de l'interface utilisateur et n'est pas un framework complet. Fondamentalement, ReactRouter et Flux doivent être ajoutés pour écrire des applications volumineuses.

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

React est un ensemble de bibliothèques Web JavaScript construites par Facebook et principalement utilisées pour créer des interfaces utilisateur performantes et réactives. React résout un problème courant rencontré par d'autres frameworks JavaScript, à savoir le traitement de grands ensembles de données. Pouvant utiliser un DOM virtuel et utiliser le mécanisme d'installation de correctifs pour restituer uniquement les parties sales du DOM lorsque des modifications se produisent, React est capable d'atteindre des performances beaucoup plus rapides que les autres frameworks.

Avantages de React

1. La création d'applications Web dynamiques devient plus facile

Créer une application Web dynamique utilisant exclusivement des chaînes HTML est une chose délicate car elle nécessite un codage complexe, mais React JS résout ce problème et permet c'est plus facile. Il nécessite moins de codage et offre plus de fonctionnalités. Il utilise JSX (JavaScript Extensions), une syntaxe spéciale qui permet aux guillemets HTML et à la syntaxe de balisage HTML d'afficher des composants enfants spécifiques. Il prend également en charge la création de code lisible par machine.

2. Composants réutilisables

L'application Web ReactJS se compose de plusieurs composants, chaque composant a sa propre logique et ses propres contrôles. Ces composants sont chargés de générer un petit morceau de code HTML réutilisable qui peut être réutilisé partout où cela est nécessaire. Le code réutilisable facilite le développement et la maintenance des applications. Ces composants peuvent être imbriqués avec d’autres composants, permettant ainsi de créer des applications complexes à partir de blocs de construction simples. ReactJS utilise un mécanisme basé sur le DOM virtuel pour remplir les données dans le DOM HTML. Virtual DOM fonctionne rapidement car il modifie uniquement les éléments individuels du DOM au lieu de recharger le DOM complet à chaque fois.

3. Amélioration des performances

ReactJS améliore les performances grâce au DOM virtuel. DOM est une API multiplateforme et de programmation qui gère HTML, XML ou XHTML. La plupart des développeurs sont confrontés à ce problème lors de la mise à jour du DOM, ce qui ralentit les performances de l'application. ReactJS résout ce problème en introduisant le DOM virtuel. Le DOM virtuel React existe entièrement en mémoire et est une représentation du DOM du navigateur Web. Par conséquent, lors de l’écriture de composants React, nous n’écrivons pas directement dans le DOM. Au lieu de cela, nous écrivons des composants virtuels qui convertissent les réactions en DOM, ce qui entraîne des performances plus fluides et plus rapides.

4. Bonne compatibilité

Par exemple, utilisez RequireJS pour le chargement et l'empaquetage, tandis que Browserify et Webpack conviennent à la création de grandes applications. Ils rendent ces tâches difficiles moins ardues.

5. Connu pour être convivial pour le référencement

Le framework JavaScript traditionnel a un problème lorsqu'il s'agit de référencement. Les moteurs de recherche ont souvent du mal à lire les applications lourdes en JavaScript. De nombreux développeurs Web se plaignent souvent de ce problème. ReactJS résout ce problème et aide les développeurs à naviguer facilement sur différents moteurs de recherche. En effet, l'application de réponse .js peut s'exécuter sur le serveur et le DOM virtuel sera rendu sous la forme d'une page Web normale et renvoyé au navigateur.

6. Javascript isomorphe et pur

Étant donné que les robots des moteurs de recherche s'appuient sur des réponses côté serveur plutôt que sur l'exécution de JavaScript, le pré-rendu de votre application facilite l'optimisation des moteurs de recherche.

7. Portée du code de test

Les applications ReactJS sont très faciles à tester. Il fournit une portée dans laquelle les développeurs peuvent tester et déboguer leur code à l'aide d'outils locaux.

Inconvénients de React :

ne convient pas pour créer un framework complet seul

React cible les composants de l'interface utilisateur et peut généralement être utilisé en combinaison avec d'autres frameworks. Il n'est actuellement pas adapté pour créer un framework complet. seul. Même si React est combiné avec Flux, cela ne peut pas être qualifié de framework complet. Par exemple, souhaitez-vous utiliser AJAX basé sur Promise ? Désolé, non, je peux trouver moi-même une bibliothèque toute faite. Et il y a beaucoup moins de composants tiers qu'Angular. React lui-même n'est qu'un V, donc si vous voulez un framework complet pour un grand projet, vous devrez peut-être introduire des éléments liés à Flux et à l'itinéraire. Angular offre bien plus que React à cet égard.

[Recommandations associées : Tutoriel vidéo Redis]

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!