WordPress : Un thème peut-il être construit dans React ?

Publié par Jean-Michel le

En cherchant sur Google et les archives des sites sous la requête React, j’ai trouvé quelques questions intéressantes :

  • Puis-je télécharger le thème WordPress-react dans le référentiel de thèmes Wp
  • Implémentation de JavaScript isomorphe (React JS) dans WordPress ?
  • Utiliser React.js dans WordPress
  • Ce site peut-il être construit avec wordpress ?

et lire le theme development documentationqui indique:

Au minimum, un thème WordPress se compose de deux fichiers :

  • style.css
  • index.php

donc dans la partie React si index.htmla été remplacé par index.phpet syle.cssa été placé au niveau principal avec l’en-tête de la feuille de style. Y aurait-il une raison pour laquelle le front-end du site ne fonctionnerait pas ?

L’application React appellerait l’API, donc je ne vois pas quel serait le problème si j’appelais http://foobar.com/wp-json/wp/v2/posts/. J’ajouterais un PNG pour le thème, mais par recherche, je n’ai pas trouvé de meilleure alternative et j’essaie de dissuader d’avoir une instance WP sur un sous-domaine et un site React sur le domaine principal. Y aurait-il quelque chose qui causerait des problèmes dans un thème React-WordPress ?

Lire également:  Création d'une fonction personnalisée wordpress pour renvoyer les données de la base de données

Solution n°1 trouvée

Un thème peut-il être construit dans React ?

Vous pouvez utiliser React dans un thème oui, si votre thème n’a qu’un seul modèle et s’appuie sur JS pour rendre l’ensemble du frontend et naviguer, extraire des données, alors je ne vois pas en quoi c’est différent si vous utilisez ou non utiliser Réagir

Y aurait-il une raison pour laquelle le front-end du site ne fonctionnerait pas ?

Vous devrez prendre en compte diverses URL et charger des données dans votre application React, mais à ce stade, il s’agit d’un problème React, pas vraiment d’un problème WP.

L’application React appellerait l’API donc je ne vois pas quel serait le problème si j’appelais http://foobar.com/wp-json/wp/v2/posts/

Pas de problème ici

La seule préoccupation que j’ai est que vous devrez gérer vous-même le routage lorsque vous cliquez sur l’application et vous assurer que lorsque vous visitez quelque chose qui n’est pas la page d’accueil lors du premier chargement, il charge le contenu correct. Mais c’est un problème de React Router (en supposant que c’est la bibliothèque que vous utilisez pour le routage)

Instance WP sur un sous-domaine et un site React sur le domaine principal.

Cela semble être un excellent moyen de compliquer inutilement les choses. Demandez simplement au thème de servir l’application React. Le chargement de ressources à partir d’un thème pose le même problème s’il s’agit de React, de jQuery ou de backbone, et le navigateur les charge de la même manière. Dites simplement à votre JS où se trouve l’URL du thème.

Y aurait-il quelque chose qui causerait des problèmes dans un thème React-WordPress ?

C’est une question extrêmement ouverte et dépend de ce que vous essayez de faire.

Lire également:  modifier la mise en page des listes de publications wordpress

En toute honnêteté, on dirait que vous cherchez à être rassuré. Rappelez-vous, React est javascript. Vous pouvez utiliser javascript dans les thèmes et vous pouvez appeler l’API REST à partir de javascript dans un thème. Peu importe le framework d’interface utilisateur qui alimente ce code, s’il s’agit de React, Vue, jQuery, vanilla JS, angular, tout est JS.

Lire également:  Obtenez Wordpress pour alterner l'affichage de 2 et 1 messages d'affilée

Si vous souhaitez gérer le chargement des messages et les rendre dans votre javascript, alors c’est bien, vous pouvez le faire. Si vous choisissez Réagir comme moyen de le faire, c’est à vous de décider.

Il y a quelques choses évidentes que vous devrez faire cependant :

Gardez simplement à l’esprit que vous voudrez appeler wp_footeret wp_head, vous aurez donc besoin d’un header.phpet footer.php, vous voudrez également un functions.phpafin que vous puissiez mettre en file d’attente votre JS et vos styles.

Cependant, rien de tout cela n’est spécifique à React, chaque thème devrait le faire. Vous pouvez également mettre en file d’attente le script de l’API WP afin qu’il transmette l’URL de l’API REST. Encore une fois, ce n’est pas spécifique à une application React.

Mais surtout, il n’y a pas de thème React. Il y a des thèmes qui utilisent React. Il est facile de le considérer comme quelque chose de différent, mais c’est vraiment juste JS dans un thème plutôt vide à la fin de la journée

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *