Choisir entre REACT et vue pour le développement WordPress
Il y a quelques mois, j’a i écrit un article sur quora et j’ai répondu à une question: est – il préférable d’apprendre la vue ou de réagir en premier? J’ai dit: \
REACT et vue peuvent vous aider à mettre en œuvre ce dont vous avez besoin, mais qu’est – ce qui est le mieux? Si vous êtes habitué aux deux, il est difficile de savoir quand utiliser l’un ou l’autre. Cet article vous aidera à prendre une décision. L’enthousiasme pour les débutants vue est plus tolérant que la réaction. Je suis encore plus frustré par ce que j’ai fait de mal dans React, ce qui n’est pas un problème dans vue, ou que vue m’avertit poliment de ce que j’ai fait de mal dans la console. Il s’agit de deux façons différentes d’encourager de meilleures pratiques. Vue est plus lâche. Vous pouvez vous opposer au mode React parce que cela signifie que vous devez l’utiliser correctement. OK, mais ce n’est pas un débutant.
Au fur et à mesure que j’approfondirai mes recherches sur React vs vue, je continuerai à ressentir que de vue à React, je ne pense pas que React soit complet. C’est difficile à expliquer, mais je vais donner des exemples dans la suite. Ce n’est 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 » n’a pas besoin d’être appris par la réaction. Gutenberg bien que vous n’ayez pas besoin de savoir comment vous 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, vous pouvez utiliser n’importe quel cadre Gutenberg. C’est – à – dire que vous pouvez utiliser vue ou tout autre cadre à l’intérieur de Gutenberg. Vous pouvez utiliser la vue pour les contrôles de configuration de bloc, ou vous pouvez utiliser la vue pour l’aperçu de bloc et \/ ou l’avant – plan. Vous pouvez également avoir une application vue complète qui vient d’utiliser Gutenberg comme fournisseur de données. Dans l’é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. L’état du composant est interne et variable. L’é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. L’état interne du composant vue est appelé données et est affiché à l’aide de données fonctionnelles ou d’attributs de calcul. Dans React, utilisez cet état pour accéder à l’é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, vous pouvez utiliser la propriété et la valeur d’état du même nom dans la vue, ce qui entraîne une erreur. Dans React, utilisez la fonction setstate () pour changer l’état d’un composant, et dans vue, changez directement la valeur d’une variable ou utilisez la directive V – model dans un modèle HTML, tout cela est magique.
L’utilisation de React setstate est une étape supplémentaire qui n’est pas nécessaire pour vue. Toute application vue ou React légèrement complexe nécessite la gestion de l’état de l’application à l’aide de Redux, V \ ux ou d’outils similaires, ce qui signifie la fonctionnalité de mise à jour de l’état. OK, mais la fonctionnalité de mise à jour de l’état des composants est beaucoup de travail supplémentaire que je dois faire parce qu’il n’y a pas de lien automatique fourni
Da V en vue. Parce que c’est quelque chose que tout le monde doit faire, ce qui rend React incomplet. Dans REACT et vuejs, vous 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 vous créez un composant React ou vue de cette façon, vous devez écrire un gestionnaire d’édition pour changer l’état.
REACT et vuejs ont tous deux un système de modèle natif entièrement optionnel. C’est leur plus grande différence. Vue était à l’origine un croisement entre REACT et Angular. Le modèle de données de vue s’inspire de REACT et d’autres 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 d’associations de données avec des attributs HTML comme instructions pour gérer magiquement la plupart des événements d’édition et des mises à jour de phase.
React utilise jsx par défaut. Jsx est l’opposé 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 n’est pas comme le HTML de vue. Bien sûr, vous pouvez utiliser jsx dans vue ou d’autres langages de modèles tels que pug. Vue est très vaniteuse. Lorsqu’elles sont liées à cet attribut dans le composant vue, les données de l’élément et du composant sont liées à la variable spéciale « ceci » pour n’importe quelle fonction du composant. Ceci, combiné à la méthode la plus simple de mise à jour des \
Dans le composant vue, vous pouvez ajouter des fonctions aux propriétés de la méthode composant et les corréler. De plus, dans un composant, vous pouvez accéder aux propriétés et aux méthodes d’une instance d’application. 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 – vous 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 d’une 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 vous reconstruisez l’interface au lieu de partir de zéro. Quand j’ai commencé à zéro, j’ai toujours dit vue, parce que c’était plus simple et que j’avais 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. J’utilise les deux maintenant. React est certainement le paramètre par défaut lorsque je travaille avec Gutenberg. Parce que vous pouvez utiliser jsx dans l’application 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 j’ai choisie était basée sur l’écosystème de la bibliothèque qui avait d’autres 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.