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

Question

Recherche sur Google et les archives de sites sous la requête React J'ai trouvé quelques questions intéressantes:

et en lisant le theme development documentation qui dit:

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

style.css

index.php

ainsi dans la partie Réagir si index.html a été remplacé par index.php et que syle.css a été placé au niveau principal avec l'en-tête de la feuille de style. Y aurait-il une raison pour que la partie avant du site ne fonctionne pas?

L'application React appelle l'API afin que je ne vois pas quel serait le problème si j'appelais http://foobar.com/wp-json/wp/v2/posts/. J'ajouterais un fichier PNG pour le thème mais, selon les recherches, je n'ai pas trouvé de meilleure alternative et j'essaie d'éviter d'avoir une instance WP sur un sous-domaine et un site React sur le répertoire principal. domaine. Y aurait-il quelque chose qui pourrait causer des problèmes dans un thème React-WordPress?

Tom J Nowell · Accepted Answer

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

Vous pouvez utiliser React dans un thème oui, si votre thème ne comporte qu'un modèle et s'appuie sur JS pour restituer l'intégralité de l'interface et naviguer dans les données, alors je ne vois pas en quoi c'est différent si vous l'utilisez ou non. utiliser React

Y aurait-il une raison pour que la partie avant du site ne fonctionne pas?

Vous auriez à prendre en compte diverses URL et à charger des données dans votre application de réaction, mais à ce stade, il s'agit d'un problème de réaction, pas tant d'un problème de WP.

L'application React appelle l'API afin que je ne voie pas le problème si j'appelais http://foobar.com/wp-json/wp/v2/posts/

Pas de problème ici

Mon souci est que vous devez gérer vous-même le routage lorsque vous cliquez sur l'application et assurez-vous que lorsque vous visitez un site qui ne correspond pas à la page d'accueil du premier chargement, il charge le contenu approprié. 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 site React sur le domaine principal.

Cela semble être un excellent moyen de compliquer inutilement les choses. Il suffit que le thème serve l'application React. Le chargement de ressources depuis un thème pose le même problème s’il s’agit de React, de jQuery ou de backbone et que 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 pourrait causer des problèmes dans un thème React-WordPress?

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

En toute honnêteté, il semble que vous cherchiez à être rassuré. Rappelez-vous, React est javascript. Vous pouvez utiliser javascript dans des thèmes et appeler l'API REST à partir de javascript dans un thème. Peu importe le framework d’interface utilisateur qui alimente ce code, qu’il s’agisse de React, Vue, jQuery, Vanilla JS, angular, c’est uniquement JS.

Si vous voulez gérer le chargement des articles et les rendre dans votre javascript, alors c'est génial, vous pouvez le faire. Si vous choisissez React comme moyen de le faire, c'est à vous de décider.

Vous devez cependant faire certaines choses évidentes:

Gardez simplement à l'esprit que vous voudrez appeler wp_footer et wp_head; vous aurez donc besoin d'un header.php et d'un footer.php. Vous aurez également besoin d'un functions.php pour pouvoir mettre en file d'attente vos JS et styles.

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

Mais surtout, il n’existe pas de thème React. Il arrive que des thèmes utilisent React. Il est facile de penser à quelque chose de différent, mais c'est vraiment juste JS dans un thème plutôt vide à la fin de la journée