State Manager

Outil dans React qui permet de gérer et de partager l’état de l’application entre plusieurs composants. Il est préférable dans une application React de stocker l’état, le state dans le composant racine App.js qui sera ensuite transmis aux composants enfants avec des props. Un state manager centralise et stocke l’état global de l’application dans un […]

rfc

Raccourci signifiant React fonctional component disponible depuis une extension VS Code pour créer rapidement la structure d’un composant.

Composant

Partie d’une application réutilisable. Son code source est généralement ajouté dans un dossier Src/Components/ Par convention un composant débute toujours par une lettre majuscule. Un composant est constitué d’un fichier .js ou .jsx. Il débute toujours par l’importation du module React. Cette Cette définition du module React sert au transpileur Babel de transformer le code […]

JSX

JSX est une syntaxe qui permet d’écrire du code HTML dans des fichiers JavaScript. Elle est utilisée couramment dans les applications React pour créer des composants, car elle permet de mélanger facilement le code JavaScript et HTML. JSX permet d’utiliser des expressions JavaScript et des données interpolées en utilisant des accolades (« {} ») pour insérer du […]

CDN React

Moyen pour ajouter rapidement la bibliothèque React à un projet Web existant ou une partie de son projet par le biais d’un CDN. Reactjs.org/docs/cdn-links.html Babel Standalone

Diffing

Mise à jour des changements effectué par le DOM virtuel dans le DOM réel quand le résultat du composant est différent, par un processus de regroupement de changements batch update.

Render

Appel de la fonction d’un composant exécutant tout ce qui se trouve dans le bloc de code pour générer un rendu, modifiant ou non le modèle de document DOM.

State

Données d’un composant.

Framework JavaScript

Cadre de travail aidant à la création d’une application Web avec des fonctionnalités avancées, des méthodes déjà fournies. L’application est découpée en composants, des éléments réutilisables ( des boutons, une barre de navigation etc.). Les composants communiquent entre eux par des flux de données (databinding), où il est possible d’ajouter, supprimer un élément, changer son […]

Props

Arguments, propriétés de configuration passés dans les composants React. Cela peut servir à faire passer des données d’un composant parent vers un composant enfant de manière descendante dans l’arbre de composants. Une propriété peut être récupérée par le biais d’attribut HTML, ou transformée en variable avec le destructuring ES6. Synonyme : propriété