Développement React

React est un framework front-end que j’ai toujours voulu ajouter dans mon bagage de compétence. J’ai donc réalisé des projets avec cette techno pour la maîtriser.

React, qu’est-ce que c’est ?

Au tout début, react était une librairie JavaScript open-source mis en place par Jordan Walke, développeur chez Facebook. React eu tellement de succès et d’améliorations au fil du temps que maintenant il est désigné comme étant un framework JS.

La particularité de ce framework est qu’il affiche les composants de votre page très rapidement et sans chargement. Au final, c’est comme si c’était une one page avec des éléments qui disparaissent et qui s’affichent.

React et WordPress, c’est possible ?

La réponse est oui ! Il est tout à fait possible de combiner React et WordPress. C’est aussi la raison pour laquelle j’ai absolument voulu apprendre ce framework JS. En effet WordPress utilise, depuis la mise en place de Gutenberg, React nativement. Il suffit donc juste de l’importer lors du développement d’un module.

Comment se passe le référencement naturel avec React ?

C’est selon moi la bête noire de React. Il est difficile d’être référencé de manière naturelle avec React. Les robots de google inspectent le DOM de la page. C’est à dire uniquement la structure HTML du site. Google voit uniquement une balise div avec un identifiant « root ».

Il y a une solution comme mettre en place un pré-rendu, mais ce n’est pas simple et il n’est pas possible de le faire pour tous les éléments d’une page. De plus cela allonge la vitesse du site et aura un impact négatif sur la web performance.

Je recommande donc de coupler React avec un WordPress et de n’utiliser ce framework que pour quelques éléments pertinents pour votre site. Il est également possible que votre projet n’aie pas réellement besoin d’un référencement naturel ou bien que son référencement soit plutôt concentré sur du référencement payant.