Retour • 14/11/2024

C'est quoi React JS ?

Écris par Melvyn Malherbe le 14/11/2024

React JS est une technologie incontournable dans le monde du développement web moderne. Mais qu'est-ce que c'est exactement ? Est-ce un framework, une librairie, ou les deux ? Dans cet article, nous allons explorer ce qu'est React JS, ses caractéristiques principales, et pourquoi il est si populaire.

Qu'est-ce que React JS ?

React est une librairie JavaScript développée par Facebook en 2013. Elle est utilisée pour construire des interfaces utilisateur dynamiques et réactives. Contrairement à un framework complet comme Angular, React se concentre uniquement sur la couche de vue de l'application, ce qui lui confère une grande flexibilité.

Pourquoi React a été créé ?

Dans ma vidéo c'est quoi React, je reviens sur sa création. Facebook avait de gros problèmes pour gérer leur interface utilisateur. À l'époque, ils utilisaient du JavaScript et quelques outils, mais c'était un véritable casse-tête.

Un ingénieur de Facebook a voulu résoudre ce problème principalement parce que la complexité de Facebook explosait, notamment avec leurs outils de "Facebook ADS". Il a donc eu l'idée de créer un framework qui, chaque fois qu'un état change, recalculerait tous les enfants et afficherait le résultat.

À l'époque, ce n'était pas la mode, on avait plus l'habitude des "bindings", mais React est arrivé avec une approche totalement différente, la fameuse view=function(state) qui est toujours utilisée maintenant.

Pourquoi utiliser React ?

1. Composants réutilisables

React permet de créer des composants réutilisables, ce qui facilite la maintenance et l'évolution des applications.

2. Virtual DOM

Grâce au Virtual DOM, React optimise les mises à jour de l'interface utilisateur, rendant les applications plus performantes.

3. Écosystème riche

Bien que React soit une librairie, il s'intègre facilement avec d'autres outils et bibliothèques pour former un écosystème complet. Dans ma formation NextJS, on voit par exemple Zustand, TanStack Query et plein d'autres outils populaires.

React : Framework ou Librairie ?

La question de savoir si React est un framework ou une librairie est souvent posée. Techniquement, React est une librairie, car il se concentre uniquement sur la gestion de l'interface utilisateur. Cependant, grâce à son écosystème riche, il peut être utilisé comme un framework en combinaison avec d'autres outils comme React Router pour le routage ou Redux pour la gestion de l'état.

C'est notamment NextJS, que tu peux apprendre avec ma formation NextJS, qui pourrait te permettre de vraiment transformer React en un framework complet.

Comment fonctionne React ?

React fonctionne en créant une hiérarchie de composants. Chaque composant est une fonction JavaScript qui retourne un morceau d'interface utilisateur. Voici un exemple simple :

export const Welcome = ({ name }) => (
  <h1>Bienvenue, {name}!</h1>
);

Dans cet exemple, Welcome est un composant qui affiche un message de bienvenue. Les composants peuvent être imbriqués et combinés pour créer des interfaces complexes.

Pourquoi React est-il si populaire ?

1. Simplicité et flexibilité

React est simple à apprendre et à utiliser, tout en offrant une grande flexibilité pour construire des applications complexes.

2. Grande communauté

Avec une communauté active, React bénéficie d'un support constant et d'une multitude de ressources disponibles en ligne.

3. Adoption par les grandes entreprises

Des entreprises comme Facebook, Netflix, et Airbnb utilisent React, ce qui témoigne de sa robustesse et de sa fiabilité.

Conclusion

React JS est une librairie puissante et flexible pour construire des interfaces utilisateur modernes. Que vous soyez un développeur débutant ou expérimenté, React offre les outils nécessaires pour créer des applications web performantes et maintenables.