WordPress : Un thème peut-il être construit dans React ?
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 documentation
qui indique:
Au minimum, un thème WordPress se compose de deux fichiers :
- style.css
- index.php
donc dans la partie React si index.html
a été remplacé par index.php
et syle.css
a é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 ?
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.
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.
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_footer
et wp_head
, vous aurez donc besoin d’un header.php
et footer.php
, vous voudrez également un functions.php
afin 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
0 commentaire