written by Azanfack brinda11/01/2023 Intégration des Framework Javascript à WordPress
Introduction
Un framework est un ensemble de code qui vous aide à créer une application interactive sans trop écrire de ligne de codage. Il permet d’augmenter votre productivité mais aussi de diminuer les erreurs. Les framework JavaScript quant à eux permettent également aux entreprises de développer des solutions Web de mobilité robustes et évolutives.
Depuis un certain temps, de plus en plus de développeurs WordPress se tournent vers JavaScript. Cela est dû à la facilité de récupérer et envoyer des données grâce au JSON à partir des services Web tel qu’Ajax. Quels frameworks JavaScript sont idéaux pour les développeurs WordPress ? Comment intégrer un Framework JavaScript à WordPress ? Découvrons les réponses à ces questions dans la suite de cet article.
Quels Framework JavaScript sont idéaux pour les développeurs WordPress ?
Il s’agit d’un Framework MVC complet sponsorisé par Google et utilisé sur de nombreux sites de Google ainsi que sur de nombreux autres sites d’entreprise à grande échelle. Angular est un excellent choix pour créer des applications Web d’une seule page, et bien que rien ne vous empêche de l’utiliser pour les thèmes et les intégrations WordPress, cela peut être exagéré si tout ce que vous voulez faire est d’extraire des données de l’API WordPress pour remplir des pages. Angular a également la courbe d’apprentissage la plus abrupte de tous les frameworks que nous examinons aujourd’hui.
Yoren Chang a écrit un guide utile sur les bases de l’utilisation d’Angular dans le développement de thèmes WordPress , ainsi qu’un ensemble d’articles plus approfondis sur Angular et l’API WordPress .
React , qui a été créé par Facebook, est un projet beaucoup plus simple que Angular. Il a été décrit comme le V de MVC et concerne essentiellement la gestion de l’affichage des données sur le front-end et la création d’interfaces utilisateur interactives. Que vous considériez cela comme une bonne chose dépend de la complexité de l’application que vous souhaitez créer sur WordPress et si vous préférez effectuer un rendu côté serveur ou côté client.
Pour des intégrations plus simples avec l’API REST, React est probablement un meilleur choix que Angular. React est particulièrement remarquable pour son utilisation du DOM virtuel – les modifications apportées à la vue sont apportées à un DOM virtuel et le DOM réel n’est mis à jour qu’une fois ces modifications terminées. Le résultat est une expérience utilisateur rapide et fluide.
Jetez un œil à la page d’ accueil de React pour quelques exemples de code React. Kelly Dwan a créé un thème de recette WordPress simple à l’aide de React, dont le référentiel GitHub est un excellent moyen d’apprendre comment React peut être utilisé avec l’API WordPress.
Une autre alternative serait Vue.js qui est moins connu mais gagne en popularité chaque jour. On dit qu’il a une courbe d’apprentissage très facile, même pour les débutants absolus. Même si la communauté est plutôt petite pour Vue.js, elle peut être utilisée pour une grande variété de projets et vaut certainement le coup. Il est très performant, bien documenté et a déjà été localisé dans plusieurs langues
Backbone est un framework MVC complet, mais il est à la fois plus petit et moins complexe que Angular. Backbone n’a pas le buzz des autres solutions dont j’ai parlé, mais il a été utilisé sur certains services en ligne sérieux, notamment Twitter, Pinterest et Disqus.
Pour les développeurs qui souhaitent se lancer dans la création d’intégrations JavaScript, Backbone vaut la peine d’être examiné car il existe déjà un client Backbone pour l’API REST, et il existe une version du thème de démarrage Underscore WordPress auquel Backbone est intégré
Comment intégrer un Framework JavaScript à WordPress?
L’intégration des framework javascripts à WordPress varie d’un framework à l’autre. Cependant, les étapes restent les mêmes peu importe le framework. Je vous propose de développer ces étapes en utilisant le cas se angular Js.
Etape 1: Création d’un thème WordPress
Dans le fichier index.php, entrez les lignes de code suivantes :
Etape 2 : Télécharger le framework
Après avoir créer votre plugin, vous devez télécharger depuis le site officiel et ajouter le script de votre framework javascript au projet.
Etape 3: Ajouter le script au projet WordPress
Créer un fichier enqueuScript.php. Il servira à ajouter les fonctions au hook de liaison des scripts “wp_enqueue_scripts”.
Etape 4 : Créer votre première page
Dans le fichier index.php, ajoutons un petit code html pour tester le fonctionnement du framework.
Conclusion
Pour conclure, il serait important de signaler le fait que cette procédure marche pour la plupart des framework Javascript. Cependant, il existe des exceptions, par exemple, la liaison de svelte.js est totalement différente de celle que vous avez vue ci haut. De plus, il serait important de rappeler que l’intégration des framework est totalement différente de celle des librairies comme jQuery.
Sources
[1] JavaScript Frameworks : Here is What WordPress Devs Need to Knowpar Sufyan bin Uzayr (en ligne) sur https://atomicblocks.com/javascript-frameworks/ [consulté le : 23 septembre 2022]
[2] Using AngularJS and JSON API in Your WordPress Theme Yoren Chang (en ligne) sur https://1fix.io/blog/2014/11/05/angularjs-json-api-wp-theme/ [consulté le : 23 septembre 2022]