SOAT Blog » Introduction à l’isomorphisme avec React et Node.js | Bonnes Pratiques Web & Cloud | Scoop.it

L’utilisation de frameworks javascript est une pratique de plus en plus répandue à l’heure actuelle. Ces derniers nous permettent de mieux organiser nos projets et d’augmenter notre productivité. On peut toutefois se retrouver coincé lorsqu’on se penche sur la question du référencement. La plupart des moteurs de recherche ne liront pas le javascript et par conséquent ne pourront pas indexer correctement les pages de votre site.

On entend parler aujourd’hui d’application isomorphique (ou universelle) dont la particularité est de pouvoir générer le rendu html à la fois côté client et côté serveur. Cette technique est accessible avec l’utilisation de Node.js qui nous permet de tirer profit du javascript côté serveur.

Dans ce billet, j’illustrerai mes propos à travers un exemple en utilisant React et Node.js. React est une librairie javascript, développée par Facebook, permettant de créer des composants qui constitueront l’interface du site. Sa particularité est de manipuler le DOM de façon intelligente en ne modifiant que le strict minimum lors du rafraîchissement des données.