Voulez-vous connaître les avantages et inconvénients d’utiliser WordPress avec ReactJS ?\r\n\r\nReactJS 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.\r\n\r\nDe 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.\r\n\r\nCalypso était décrit comme :\r\n
\r\n \t
- Écrit entièrement en JavaScript, en s’appuyant sur des bibliothèques comme Node et React.
\r\n \t
- Incroyablement rapide.
\r\n \t
- 100 % piloté par API.
\r\n \t
- Entièrement réactif.
\r\n
\r\nReact 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.\r\n\r\nMais, 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.\r\nNous avons donc rassemblé les principaux avantages et inconvénients de cette grande bibliothèque JavaScript.\r\n\r\nC’est parti !\r\n\r\nLes avantages et inconvénients d’utiliser WordPress avec ReactJS\r\n\r\nAvantages de ReactJS\r\n
\r\n
1. Courbe d’apprentissage – Facile à commencer à écrire (si vous parvenez à surmonter la syntaxe)
\r\nÉ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.\r\n\r\nLes 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.\r\n\r\nReact 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.\r\n
2. Réutilisation des composants de code
\r\nReactJS é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.\r\n\r\nCette 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.\r\n
3. Séparation totale des données et de la présentation
\r\nReact 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.\r\n\r\nTout 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.\r\n
4. Vitesse – ne vous souciez plus jamais du nouveau rendu !
\r\nLes 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.\r\n\r\nComme 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.\r\n
5. React n’est pas un framework
\r\nReact 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).\r\n\r\nDe plus, Redux est une bibliothèque qui fournit un store de données, et React-Redux constitue également la colle entre React et Redux.\r\n
6. Accès au monde natif
\r\nReact 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.\r\n
7. Soutenu par Facebook
\r\nReact est utilisé par des entreprises comme Airbnb, Dropbox, Facebook, Alipay, Netflix, Reddit et bien d’autres.\r\n
8. Framework simple
\r\nReactJS 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.\r\n
1. React n’est pas un framework. Encore une fois
\r\nLa 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é.\r\n\r\nLa 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.\r\n
2. Les conventions communautaires sont encore en développement
\r\nComment 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.\r\n\r\nSeulement 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.\r\n
3. Licence restrictive
\r\nComme 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.\r\n\r\nL’é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.\r\n
4. Les outils de build sont nécessaires (ou fortement recommandés)
\r\nPour 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.\r\n\r\nCes 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’.\r\n\r\nPour conclure ! Nous avons discuté des « avantages et inconvénients d’utiliser WordPress avec ReactJS ».\r\n\r\nMaintenant 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é.\r\n\r\n
