Il y a quelques mois, jrsquoa i écrit un article sur quora et jrsquoai répondu à une question: est il préférable drsquoapprendre la vue ou de réagir en premier? Jrsquoai dit:
REACT et vue peuvent aider à mettre en œuvre ce dont avez besoin, mais qursquoest ce qui est le mieux? êtes habitué aux deux, il est difficile de savoir quand utiliser lrsquoun ou lrsquoautre. Cet article aidera à prendre une décision. Lrsquoenthousiasme pour les débutants vue est plus tolérant que la réaction. Je suis encore plus frustré par ce que jrsquoai fait de mal dans React, ce qui nrsquoest pas un problème dans vue, ou que vue mrsquoavertit poliment de ce que jrsquoai fait de mal dans la console. Il srsquoagit de deux façons différentes drsquoencourager de meilleures pratiques. Vue est plus lâche. Vous pouvez opposer au mode React parce que cela signifie que devez lrsquoutiliser correctement. OK, mais ce nrsquoest pas un débutant.
Au fur et à mesure que jrsquoapprofondirai mes recherches sur React vs vue, je continuerai à ressentir que de vue à React, je ne pense pas que React soit complet. Crsquoest difficile à expliquer, mais je vais donner des exemples dans la suite. Ce nrsquoest pas un problème difficile à résoudre, mais je ne veux pas le résoudre en apprenant de nouvelles structures et de nouveaux concepts. Le concept de « cadre réactif » nrsquoa pas besoin drsquoêtre appris par la réaction. Gutenberg bien que nrsquoayez pas besoin de savoir comment développer avec Gutenberg, cela aide. WordPress à partir de la version 5.0, reconstruit avec le système d’interface utilisateur
Basé sur REACT et Redux.
De plus, pouvez utiliser nrsquoimporte quel cadre Gutenberg. Crsquoest à dire que pouvez utiliser vue ou tout autre cadre à lrsquointérieur de Gutenberg. Vous pouvez utiliser la vue pour les contrôles de configuration de bloc, ou pouvez utiliser la vue pour lrsquoaperçu de bloc et ou lrsquoavant plan. Vous pouvez également avoir une application vue complète qui vient drsquoutiliser Gutenberg comme fournisseur de données. Dans lrsquoétat props et React, le composant peut passer props du composant parent. Ces accessoires peuvent être utilisés dans les composants, mais ne peuvent pas être modifiés directement par les composants. Les composants peuvent également avoir un statut. Lrsquoétat du composant est interne et variable. Lrsquoétat peut être défini dans le fabricant du composant.
Les composants vue ont également des accessoires qui ne peuvent pas être modifiés par les composants auxquels ils sont commutés. Lrsquoétat interne du composant vue est appelé données et est affiché à lrsquoaide de données fonctionnelles ou drsquoattributs de calcul. Dans React, utilisez cet état pour accéder à lrsquoétat et utilisez cet outil pour accéder aux objets de scène. Vue combine les accessoires et les données. Par conséquent, dans React, pouvez utiliser la propriété et la valeur drsquoétat du même nom dans la vue, ce qui entraîne une erreur. Dans React, utilisez la fonction setstate () pour changer lrsquoétat drsquoun composant, et dans vue, changez directement la valeur drsquoune variable ou utilisez la directive V model dans un modèle HTML, tout cela est magique.
Lrsquoutilisation de React setstate est une étape supplémentaire qui nrsquoest pas nécessaire pour vue. Toute application vue ou React légèrement complexe nécessite la gestion de lrsquoétat de lrsquoapplication à lrsquoaide de Redux, V ux ou drsquooutils similaires, ce qui signifie la fonctionnalité de mise à jour de lrsquoétat. OK, mais la fonctionnalité de mise à jour de lrsquoétat des composants est beaucoup de travail supplémentaire que je dois faire parce qursquoil nrsquoy a pas de lien automatique fourni
Da V en vue. Parce que crsquoest quelque chose que tout le monde doit faire, ce qui rend React incomplet. Dans REACT et vuejs, pouvez créer du HTML en utilisant des fonctions de rendu. Dans WordPress WP. Éléments Grâce à Gutenberg, createelement peut également être utilisé comme fonction de rendu. Lorsque créez un composant React ou vue de cette façon, devez écrire un gestionnaire drsquoédition pour changer lrsquoétat.
REACT et vuejs ont tous deux un système de modèle natif entièrement optionnel. Crsquoest leur plus grande différence. Vue était à lrsquoorigine un croisement entre REACT et Angular. Le modèle de données de vue srsquoinspire de REACT et drsquoautres cadres observables. Le modèle vue avec corrélation bidirectionnelle des données est fortement influencé par le modèle angle (nG1). Le modèle vue est similaire au HTML et utilise des ensembles bidirectionnels drsquoassociations de données avec des attributs HTML comme instructions pour gérer magiquement la plupart des événements drsquoédition et des mises à jour de phase.
React utilise jsx par défaut. Jsx est lrsquoopposé des modèles HTML similaires pour Angular et vue. Jsx utilise des fonctions ou des classes JavaScript. Vous pouvez utiliser beaucoup de syntaxe comme HTML. Mais ce nrsquoest pas comme le HTML de vue. Bien sûr, pouvez utiliser jsx dans vue ou drsquoautres langages de modèles tels que pug. Vue est très vaniteuse. Lorsqursquoelles sont liées à cet attribut dans le composant vue, les données de lrsquoélément et du composant sont liées à la variable spéciale « ceci » pour nrsquoimporte quelle fonction du composant. Ceci, combiné à la méthode la plus simple de mise à jour des
Dans le composant vue, pouvez ajouter des fonctions aux propriétés de la méthode composant et les corréler. De plus, dans un composant, pouvez accéder aux propriétés et aux méthodes drsquoune instance drsquoapplication. Les plug ins peuvent également être connectés
Écrivez le Code nécessaire à la fonctionnalité de la manière dont le CLI angulaire ou le CLI laraver peut être utilisé pour exécuter le support, le service ou les tests du Contrôleur. Devriez utiliser React ou vue dans WordPress? Réponse simple: les deux. Je ne pense pas que ce soit mieux. Ça dépend. Vuejs est plus facile à utiliser dans es5 que React. Lorsque la vue est utilisée dans une partie drsquoune vue plus grande qui existe déjà, je sélectionne vue. Vue est votre meilleur ami avec son API plus tolérante et son manque de perspicacité lorsque reconstruisez lrsquointerface au lieu de partir de zéro. Quand jrsquoai commencé à zéro, jrsquoai toujours dit vue, parce que crsquoétait plus simple et que jrsquoavais un permis du MIT. Avec React now en tant que partie intégrante de WordPress Core et avec la nouvelle licence du MIT, je ne vais pas si vite. Jrsquoutilise les deux maintenant. React est certainement le paramètre par défaut lorsque je travaille avec Gutenberg. Parce que pouvez utiliser jsx dans lrsquoapplication vue, et les API Dom de niveau inférieur sont similaires, la réponse est en fait sur laquelle fonctionne le mieux ou a été chargé. Une autre approche que jrsquoai choisie était basée sur lrsquoécosystème de la bibliothèque qui avait drsquoautres paquets nécessaires au projet. C’est la beauté d’avoir le choix et, en fin de compte, d’avoir WordPress qui facilite l’utilisation des cadres JavaScript modernes et des modules NPM, ainsi que d’autres outils que les développeurs frontaux modernes devraient avoir.
Choisir entre REACT et vue pour le développement WordPress
