React

React est un outil gratuit de Meta qui construit les écrans du navigateur avec de petites pièces réutilisables, et vous décrivez le résultat pendant qu'il calcule les changements.

Également appelé React.js ReactJS bibliothèque React

Définition

React est un outil gratuit de Meta, la société qui détient Facebook, pour construire les écrans que vous voyez dans un navigateur. Son idée est simple, et elle a pourtant changé la façon de faire la plupart des sites. Avant React, il fallait écrire une instruction séparée pour chaque changement à l'écran. Trouve ce titre, change ce chiffre, cache cette ligne, une ligne après l'autre.

React renverse cette logique, car vous décrivez l'écran tel qu'il doit être avec les données du moment. Il compare ensuite votre description à ce qui est affiché et n'applique que les changements nécessaires. On arrête donc de penser en étapes pour penser au résultat.

Un écran se construit avec de petites pièces appelées composants, et chacune sait se dessiner toute seule. Une barre de recherche est une pièce, une fiche produit en est une autre, et un panier est une pièce faite de pièces plus petites. C'est pourquoi la même fiche produit peut apparaître sur la page d'accueil, dans les résultats de recherche et dans une commande sans être écrite trois fois. L'économie est réelle, et c'est pour cela que la plupart des sites des dix dernières années sont faits ainsi.

Voici ce qu'on vous dit rarement : React est une bibliothèque, pas un kit complet. Il dessine des écrans et s'arrête là, donc il ne décide ni comment les pages se relient ni comment un formulaire est vérifié. Il ne décide pas non plus comment les données arrivent du serveur, si bien que chaque équipe choisit ces morceaux elle-même. Cela veut dire que deux projets sous React peuvent ne presque rien partager. La phrase « nos développeurs connaissent React » en dit donc moins qu'il n'y paraît, et le bon réflexe est de demander quels autres outils ils utilisent avec. Linkysoft pose exactement cette question avant de chiffrer un projet repris, car la réponse décide de ce qui survit de l'ancien travail.

Il y a aussi un prix à payer, car le navigateur télécharge l'application et l'exécute avant que quoi que ce soit apparaisse. Sur un téléphone bon marché avec un signal faible, l'attente est réelle, et les moteurs de recherche ont vu des pages vides pendant des années. C'est le problème que Next.js est venu résoudre. La deuxième surprise s'appelle React Native, qui partage les idées et une bonne part du savoir-faire mais pas les écrans. Un site React ne devient donc pas une application mobile gratuitement, et nous le disons clairement dès le départ. L'économie espérée est dans l'équipe et non dans le code, et c'est pourquoi la question arrive tôt quand Linkysoft cadre une application web.

Questions sur React

React est-il un langage de programmation ?
Non. React est un ensemble de code déjà écrit, en JavaScript. Vous écrivez toujours du JavaScript ; React vous donne seulement une meilleure façon de décrire l'écran.
React est-il payant ?
L'outil est gratuit et ouvert, sans frais de licence. Ce que vous payez, c'est le temps des développeurs et les pièces que React n'inclut pas, comme l'hébergement ou un jeu de composants payant.
Un site React est-il bon pour Google ?
Il peut l'être, mais pas par défaut. Une page React simple arrive presque vide et se remplit dans le navigateur. Envoyer la page finie depuis le serveur, comme le fait Next.js, est la solution sûre quand le trafic de recherche compte.
Mon site React peut-il devenir une application mobile ?
Pas en appuyant sur un bouton. React Native permet à la même équipe de faire l'appli avec les mêmes idées, mais les écrans sont réécrits. Prévoyez un vrai projet, avec moins d'apprentissage.
React sera-t-il encore soutenu dans cinq ans ?
Personne ne peut le promettre, mais React fait tourner Facebook et une grande part du web, et des milliers d'entreprises en dépendent. Le vrai risque vient des outils autour, qui changent bien plus souvent.

Vous ne voyez toujours pas comment cela s'applique à votre projet ?

Dites-nous ce que vous construisez et nous vous répondrons simplement.