Qu'est-ce que React et à quoi sert-il ?

D'où vient React ?

Le web a traditionnellement été construite en HTML, JavaScript et CSS, séparés dans différents dossiers. Cela rend difficile l'évolutivité et l'extraction de certaines parties du code (en particulier JS et CSS) pour migrer ou réutiliser des fonctionnalités en raison des dépendances entre ces langages.

Mais que se passerait-il si nous mettions tout cela dans un seul paquet ? C'est ce que les ingénieurs de Facebook ont dû se demander, ce qui a conduit au lancement de la première version de la désormais célèbre bibliothèque à la mi-2013.

React est basé sur un paradigme appelé programmation orientée composants dans lequel chaque composant est une pièce avec laquelle l'utilisateur peut interagir. Ces pièces sont créées en utilisant une syntaxe appelée JSX permettant d'écrire du HTML (et éventuellement du CSS) à l'intérieur d'objets JavaScript.
Ces composants sont réutilisables et se combinent pour créer des composants plus grands jusqu'à configurer un site web complet.
C'est la façon d'avoir du HTML avec toute la fonctionnalité de JavaScript et le style graphique de CSS centralisé et prêt à être abstrait et utilisé dans n'importe quel autre projet.

Pourquoi React ?

React apporte une série d'avantages clairs par rapport à la manière classique de réaliser un site web, ses facilités de développement combinées à la performance, la flexibilité et l'organisation du code en font l'une des meilleures options.

Une des principales raisons pour que cela soit possible est l'utilisation du DOM virtuel. React est capable de générer le DOM de manière dynamique, il effectue les modifications sur une copie en mémoire puis la compare avec la version actuelle du DOM. De cette manière, il évite de rendre toute la page à chaque changement, il applique simplement le changement au composant qui a été mis à jour, simple et rapide. Cela favorise une meilleure expérience utilisateur, en plus d'une performance et d'une fluidité impressionnantes.

Dans tout projet web, il est important de prendre en compte le référencement, et c'est précisément l'un des principaux problèmes de ce type de frameworks. Cela est dû au découplage entre la partie client et la partie serveur, le contenu HTML étant obtenu via des requêtes à l'API et généré par la suite. Cela entraîne que lorsque le robot de Google explore le site, le contenu n'existe pas encore. Avec React, nous n'aurons pas ce problème car il permet l'isomorphisme, ce qui signifie qu'il est capable de rendre ce HTML à la fois côté client et côté serveur, de sorte que lorsque le robot de Google arrivera, nous pourrons lui fournir le contenu déjà rendu, ce qui nous permettra de nous positionner aussi bien que le traditionnel WordPress.

React Native mérite un autre post à lui seul, mais pour le moment, il convient de mentionner que c'est un autre outil qui, en compilant le même code Javascript, facilite la génération d'applications natives pour Android, iOS, etc.

Quelle est l'acceptation sur le marché ?

La dernière enquête de StackOverflow nous révèle que React est le framework le plus apprécié et le plus désiré cette dernière année, en plus d'être déjà le deuxième le plus utilisé juste derrière jQuery. Cela est fortement lié au fait que Javascript est à nouveau le langage le plus populaire pour la septième année consécutive, ce qui marque une tendance clairement ascendante.

Ce n'est pas un hasard si des entreprises comme Netflix, Airbnb, Dropbox, Paypal, Tesla, Whatsapp, Uber, etc. ont misé sur cette technologie, l'investissement que Facebook a fait ainsi que le grand nombre de développeurs qui ont contribué à cette bibliothèque open source en font un pari sûr pour l'avenir.

React et Drupal

Drupal 8 est un puissant CMS qui offre une grande personnalisation du backend et apporte beaucoup de flexibilité dans la gestion de contenu. Chez Drauta, nous sommes spécialisés dans la conception web et nous utilisons React dans le développement d'applications pour améliorer la vitesse de chargement des pages et le frontend.