React
| Créateur | Meta |
|---|---|
| Développé par | Facebook, Instagram et la communauté |
| Première version | |
| Dernière version | 18.2.0 ()[1],[2] |
| Dépôt | https://github.com/facebook/react |
| Écrit en | JavaScript |
| Système d'exploitation | Multiplateforme |
| Type | Bibliothèque JavaScript |
| Licence | Licence MIT |
| Documentation | reactjs.org/docs/getting-started.html, ru.reactjs.org/docs/getting-started.html et ar.reactjs.org/docs/getting-started.html |
| Site web | reactjs.com |
React (aussi appelé React.js ou ReactJS) est une bibliothèque JavaScript libre. Elle est maintenue par Meta (anciennement Facebook) ainsi que par une communauté de développeurs individuels et d'entreprises depuis 2013.
Le but principal de cette bibliothèque est de faciliter la création d'application web monopage, via la création de composants dépendant d'un état et générant une page (ou portion) HTML à chaque changement d'état.
React est une bibliothèque qui ne gère que l'interface de l'application, cette interface étant considérée comme la vue dans le modèle MVC. Elle peut ainsi être utilisée avec une autre bibliothèque ou un framework MVC comme AngularJS. La bibliothèque se démarque de ses concurrents par sa flexibilité et ses performances, en travaillant avec un DOM virtuel et en ne mettant à jour le rendu dans le navigateur qu'en cas de nécessité[3].
Historique modifier
React a été créé par Jordan Walke, un ingénieur chez Meta. Jordan Walke a d'abord développé un prototype nommé "FaxJS"[4],[5]. Il a été déployé pour la première fois sur le fil d'actualité de Facebook en 2011.
React s'inspire de XHP (en), une bibliothèque également développée par Meta, permettant l'inclusion de HTML au sein de PHP[6],[7],[8].
Pete Hunt, ingénieur travaillant sur Instagram est intéressé par la bibliothèque et assiste Walke afin de retirer les portions dépendantes de Facebook. Ceci permet à React d'être publié sous licence Apache 2.0 le .
En , la version 0.12.0 est publiée sous licence BSD modifiée, avec une note associée PATENTS permettant l'utilisation des brevets de Facebook associé à React[9]. Cependant, la licence BSD est mise à jour en , avec la version 0.13.1, pour éviter les confusions[10].
Le , React 16.0.0 a été publié sous la licence MIT[11]. Ce changement porte aussi sur la version 15.x avec React 15.6.2[12].
Fonctionnalités modifier
React a été conçu comme étant une bibliothèque et non un framework MVC, comme peuvent l'être ses concurrents[13]. Ainsi, React encourage la création de composants réutilisables, avec en entrée des données, pouvant changer au cours du temps[13].
Par ailleurs, React n'utilise pas de système de templates et ne fonctionne qu'avec du JavaScript, permettant une insertion complète du composant au sein d'une unique classe[13]. Pour faciliter l'écriture de la vue, l'équipe initiale chez Facebook a développé un langage, JSX, qui permet de générer des objets Javascript avec une notation similaire à HTML[14].
DOM virtuel modifier
Un DOM Virtuel est une représentation du DOM en JavaScript. Au lieu de générer le DOM lui-même comme avec un langage de templating, c'est-à-dire au lieu de dialoguer avec les API du navigateur pour construire le DOM, on ne génère qu'une arborescence d'objets JavaScript en mémoire[15], répercutée auprès du navigateur quand opportun.
Adoption et Utilisation modifier
La bibliothèque est utilisée par Netflix[16] (depuis le , une migration de la partie client vers du JavaScript pur a permis d'augmenter les performances de 50%[17]), Yahoo[18], Airbnb[19], Sony[20], Atlassian[21].
Les équipes de Meta pratiquent l'autoéquipement sur les réseaux sociaux Facebook, Instagram ou encore WhatsApp[3].
À la fin de 2015, WordPress.com annonce Gutenberg, une interface pour les éditeurs de sites WordPress, développée en JavaScript avec Node.js et React[22],[23].
React Native modifier
En 2015 React Native fait son apparition. Ce framework est basé sur React et permet de créer, toujours en Javascript, des applications multi-plateformes Android et iOS[24].
Notes et références modifier
- « 18.2.0 (June 14, 2022) » (consulté le )
- npmjs, (base de données en ligne), consulté le
- (en) Eric Baer, « Using React is a Business Decision, Not a Technology Choice », sur Medium, (consulté le ).
- (en) Jordan Walke, « Page GitHub de FaxJs », (consulté le )
- (en-US) Ferenc Hámori, « The History of React.js on a Timeline », sur RisingStack Engineering, (consulté le )
- (en) Bill Fisher, « How was the idea to develop React conceived and how many people worked on developing it and implementing it at Facebook? », (consulté le ).
- (en) Paul Krill, « React: Making faster, smoother UIs for data-driven Web apps », (consulté le )
- « Releases - facebook/react », sur github.com (consulté le )
- « README.md », .
- (en) « Updating Our Open Source Patent Grant », (consulté le ).
- « React v16.0 », React Blog, (lire en ligne, consulté le )
- « React v15.6.2 », React Blog, (lire en ligne, consulté le )
- (en) Pete Hunt, « Why did we build React? », sur facebook.github.io, (consulté le )
- (en) « JSX in Depth », sur facebook.github.io (consulté le )
- Christophe Combelles, « Une brève histoire du DOM (jusqu’à React et Redux) », sur gorfou.fr, (consulté le ).
- « React.js Conf 2015 », sur Youtube,
- « Netflix UI Engineers on Twitter », sur Twitter (consulté le ).
- « Yahoo Mail moving to React », sur Slideshare
- (en) « Dev Chats: Spike Brehm of Airbnb - JavaScript development without a "greenfield app" », sur Medium,
- « Mikael Brassman on Twitter: "Sony's Lifelog newly released web interface is using #refluxjs and #reactjs on the client-side" », sur Twitter,
- « Wesley Walser on Twitter: "React.js is now driving @atlassian OnDemand billing pages. Small project to start adoption, positive experiences thus far." », sur Twitter,
- « La nouvelle expérience d'édition Gutenberg », sur La nouvelle expérience d'édition Gutenberg (consulté le )
- (en-US) « WordPress 5.0 “Bebo” », sur WordPress News, (consulté le )
- (en) « React Native Learn once, write anywhere. », sur React Native (consulté le )
