Voulez-vous connaître les avantages et inconvénients d’utiliser WordPress avec ReactJS ?ReactJS est un framework Javascript, c’est une bibliothèque qui offre une méthode informative pour définir les composants d’interface utilisateur. ReactJS assure également une séparation complète entre les données et la présentation. React fournit un peu plus qu’une simple couche de présentation.De manière surprenante, ReactJS a conquis la communauté WordPress en novembre 2015 lorsque Matt Mullenweg a annoncé Calypso, qui était l’aboutissement de plus de vingt mois de travail de dizaines d’ingénieurs et de designers.Calypso était décrit comme :
-
- Écrit entièrement en JavaScript, en s’appuyant sur des bibliothèques comme Node et React.
React a gagné sa popularité à juste titre. Grâce à ses nombreux avantages, il dispose d’une véritable armée de fans et de contributeurs. Il se classe en sixième position dans l’inventaire des tendances GitHub et compte 75 000 étoiles.Mais, peu importe la taille d’un produit, il y a toujours certains inconvénients. Même ceux-ci ne sont pas visibles au premier abord.Nous avons donc rassemblé les principaux avantages et inconvénients de cette grande bibliothèque JavaScript.C’est parti !Les avantages et inconvénients d’utiliser WordPress avec ReactJSAvantages de ReactJS
1. Courbe d’apprentissage – Facile à commencer à écrire (si vous parvenez à surmonter la syntaxe)
Écrire les modèles React est presque similaire à écrire du HTML avec interpolation grâce à JSX. Et cela ressemble aux modèles Mustache, sauf que le balisage est directement dans le code de votre composant Javascript.Les modèles sont les fichiers qui contrôlent la façon dont votre site WordPress sera affiché sur le Web. Ces fichiers tirent des informations de votre base de données WordPress MySQL et génèrent le code HTML qui est ensuite envoyé au navigateur Web.React est extrêmement inhabituel en ce sens que vous êtes encouragé à mettre tout votre balisage, style et fonctionnalité au même endroit, mais cela vous offre la commodité et une modularité extrême sur le long terme, ce qui est une bonne chose.
2. Réutilisation des composants de code
ReactJS élimine le casse-tête général des mises à jour en permettant aux développeurs de réutiliser des composants existants. Comme tous les composants sont isolés, tout changement dans un composant n’affecte pas les autres.Cette fonction superbe permet aux développeurs de réutiliser des composants qui n’apportent eux-mêmes aucune modification. Il va sans dire que cela rend la programmation plus précise et exacte pour les développeurs, augmentant ainsi la vitesse de production.
3. Séparation totale des données et de la présentation
React fournit un peu plus qu’une simple couche de présentation. Même dans React, les composants n’ont pas vraiment de concept d’« état », mais celui-ci est surtout utilisé pour le stockage à court terme.Tout ce que vous pouvez perdre lors d’un nouveau rendu peut être placé dans l’état React. Cependant, lorsqu’il est combiné avec Redux, placer autant de vos données que possible dans votre store Redux donne généralement le meilleur résultat. Cela permet une séparation complète entre l’état (la préoccupation de Redux) et la présentation (la préoccupation de React). Et bien sûr, si WordPress utilise l’API REST, c’est ainsi que les données parviennent à Redux et React.
4. Vitesse – ne vous souciez plus jamais du nouveau rendu !
Les avantages de cette séparation des préoccupations sont que vous n’avez pas besoin de vous demander si quelque chose a déjà été rendu auparavant ou s’il s’agit de la première fois.Comme le rendu React est immuable, le premier rendu et le 100e rendu du même composant sont contrôlés de la même manière. Lorsque l’état change, Redux re-rend les composants concernés sur la page.
5. React n’est pas un framework
React est une bibliothèque qui fournit une méthode déclarative pour définir les composants d’interface utilisateur. ReactDOM est une bibliothèque combinée qui offre le rendu et la comparaison du DOM (DOM diffing).De plus, Redux est une bibliothèque qui fournit un store de données, et React-Redux constitue également la colle entre React et Redux.
6. Accès au monde natif
React Native vous permet de créer des applications mobiles en utilisant uniquement JavaScript. Il utilise la même conception que React, vous permettant d’écrire une interface mobile riche à partir de composants déclaratifs.
7. Soutenu par Facebook
React est utilisé par des entreprises comme Airbnb, Dropbox, Facebook, Alipay, Netflix, Reddit et bien d’autres.
8. Framework simple
ReactJS est plus facile à utiliser que de nombreux frameworks ou bibliothèques. Il est très simple à comprendre et à apprendre. Grâce à lui, quiconque possédant des connaissances de base en programmation peut créer et maintenir des applications mobiles et web professionnelles. Il utilise également une syntaxe unique appelée JSX qui permet une combinaison simple de JavaScript et de HTML.
1. React n’est pas un framework. Encore une fois
La philosophie est excellente, mais lorsque vous devez faire quelque chose rapidement, la façon de procéder de React peut être frustrante. Si vous avez des clients et des projets, que vous êtes pressé par les délais et que la première page de votre manuel React ne fonctionne plus, vous risquez d’être frustré.La liberté avec laquelle React peut être utilisé est bonne pour l’expérimentation. Mais cela devient difficile lorsque vous essayez de travailler correctement. Sachez que personne ne vous fera gagner de temps ici.
2. Les conventions communautaires sont encore en développement
Comment dois-je le créer ? Comment les gens le contrôlent-ils ? Je ne dirais pas que les développeurs de bibliothèques n’ont pas d’opinions fortes sur la façon dont leurs bibliothèques doivent être utilisées, car ils en ont certainement. Le problème est que le renouvellement et les changements sont si rapides qu’ils n’ont pas le temps de se solidifier en pratiques générales.Seulement en se concentrant réellement sur les changements quotidiens, mensuels et hebdomadaires de la communauté React pouvez-vous déterminer la meilleure façon d’utiliser la bibliothèque X.
3. Licence restrictive
Comme nous le savons tous, ce n’est plus le cas, mais si l’on y réfléchit, l’équipe Automattic/WordPress a décidé d’opter pour React. Cependant, indépendamment de cet inconvénient numéro un, cela leur a fait perdre des mois dans la réécriture de Calypso et Gutenberg.L’éditeur Gutenberg est le nouvel éditeur d’articles qui remplacera l’éditeur classique dans WordPress ; Gutenberg apporte les fonctionnalités de WordPress et rend plus simple que jamais la création de pages riches en contenu et au look superbe.
4. Les outils de build sont nécessaires (ou fortement recommandés)
Pour toutes les applications front-end, sauf les plus simples, des outils de build corrects sont fortement recommandés. Pour une application simple, vous pouvez souvent vous contenter d’un script shell dans votre fichier ‘package.json‘. Vous voudrez utiliser des outils comme Gulp pour gérer de nombreuses tâches pour des applications plus complexes.Ces outils de build sont utiles mais restent inutilement compliqués. Je recommande de s’en tenir aux scripts NPM comme ci-dessus et d’utiliser l’interface en ligne de commande de votre outil de build. Par exemple, ‘Browserify’ ou ‘WebPack-Dev-Server’.Pour conclure ! Nous avons discuté des « avantages et inconvénients d’utiliser WordPress avec ReactJS ».Maintenant que vous connaissez les avantages et inconvénients de ReactJS. N’oubliez pas de me le faire savoir dans la section commentaires ci-dessous. C’est tout de notre part. Nous espérons que cet article vous a aidé.
