| Fiche technique | |
|---|---|
| Type de produit : | Bibliothèque |
| Langage de programmation : | JavaScript/TypeScript |
| Auteur : | Facebook et Instagram |
| Licence : | MIT License |
| Date de publication : | 2013 |
| Site Web : | https://reactjs.org/ |
Description
Le React, aussi nommé React.js ou ReactJS, est une bibliothèque permet de créer des interfaces utilisateur. Le React permet également de concevoir des vues simples pour chaque état de votre application, et React mettra à jour et restituera efficacement les bons composantes lorsque vos données changent. Les vues déclaratives rendent votre code plus prévisible et plus facile à déboguer. Il permet de créer des composantes encapsulés gérant leur propre état, puis de les composer pour créer des interfaces utilisateur complexes. Étant donné que la logique des composantes est écrite en JavaScript au lieu de modèles, vous pouvez facilement transmettre des données riches via votre application et garder l'état hors du DOM.
JavaScript vs TypeScript
Voici un tableau comparatif clair entre JavaScript et TypeScript pour React :
| Critère | React avec JavaScript | React avec TypeScript |
|---|---|---|
| Typage | Dynamique, pas de vérification à la compilation | Statique, erreurs de type détectées à la compilation |
| Sécurité | Plus d'erreurs détectées uniquement à l'exécution | Moins d'erreurs runtime grâce au typage |
| Complexité du code | Plus simple et rapide à écrire | Légèrement plus verbeux (déclarations de types) |
| Maintenance | Peut devenir difficile sur de gros projets | Plus facile à maintenir grâce aux types et interfaces |
| Interopérabilité | Tous les paquets JS fonctionnent directement | La plupart des paquets ont des types officiels ou @types |
| Apprentissage | Nécessite juste JS et React | Nécessite JS, React et TypeScript (nouveau langage + concepts) |
| Refactoring | Risque d'introduire des bogues lors de gros changements | Refactoring plus sûr et plus facile grâce au typage |
| Support Hooks / Fonctionnels | Complet | Complet avec typage des props, state, refs et context |
| Popularité dans l'industrie | Toujours utilisé, surtout pour petits projets | De plus en plus standard pour projets moyens à grands |
Remarque
- React.js vs React Native : Le React est une bibliothèque pour créer des applications à l'aide de JavaScript, tandis que React Native est une plate-forme entière vous permettant de créer des applications mobiles natives et multiplateformes.