Lexique React

React est l’une des bibliothèques JavaScript les plus utilisées pour développer des interfaces utilisateur dynamiques et interactives.

Dans ce lexique, nous vous proposons de découvrir les termes clés associés à React, aux frameworks NextJs NestJS (backend), à la programmation réactive et à la conception d’interfaces utilisateur.

  • Gestion des formulaires en React

    La gestion des formulaires en React englobe l’ensemble des techniques pour capturer, valider, stocker et soumettre les données saisies par un utilisateur. Elle repose principalement sur deux approches : les composants contrôlés (recommandé) et les composants non-contrôlés. Les 2 approches principales Exemple de formulaire contrôlé Bibliothèques spécialisées Pour les formulaires complexes, des librairies externes simplifient…

  • Hook React

    Un Hook est une fonction spéciale introduite dans React 16.8 (2019) qui permet à un composant fonctionnel d’« accéder » (hook into) aux fonctionnalités internes de React :→ gestion de l’état local (useState),→ effets de bord (cycle de vie) (useEffect),→ contexte (useContext),→ références (useRef), etc. Caractéristiques fondamentales Exemple Écosystème des Hooks Pourquoi c’est révolutionnaire ?…

  • Joker universel – Wilcard

    Un joker universel (ou wildcard en anglais) est un caractère spécial (*) utilisé dans la définition de routes pour capturer n’importe quelle suite de caractères dans une URL. Il agit comme un « attrape-tout » qui correspond à tous les chemins non explicitement définis par d’autres routes plus spécifiques. Fonctionnement dans React Router v6 Règle critique :React…

  • 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…

  • Kumo UI

    Kumo (kumo-ui.com) est le site officiel de documentation et de démonstration de la bibliothèque de composants UI open-source développée par Cloudflare. Conçue pour la création d’applications web modernes et accessibles, cette bibliothèque s’adresse principalement aux développeurs travaillant avec l’écosystème React. Voici ce qu’il faut retenir de son architecture et de ses fonctionnalités : C’est un…

  • Librairie de statement – gestion d’état

    Une librairie de gestion d’état ou state management library en anglais dans React, est un outil décentralisé qui facilite la gestion de l’état global de votre application. Ce type de librairie fournit un moyen structuré de stockage permettant de récupérer toutes les variables globales de mettre à jour et de partager des données entre les…

  • Méthodes de cycle de vie

    Les méthodes de cycle de vie sont des fonctions spéciales disponibles dans les composants classe (Class Components) qui permettent d’exécuter du code à des moments précis de l’existence d’un composant : sa création, ses mises à jour, et sa suppression. Les 3 phases du cycle de vie Explorer les thématiques : React

  • Module React

    Un module React est un fichier JavaScript/JSX autonome qui encapsule une unité fonctionnelle réutilisable (composant, hook personnalisé, utilitaire, constante) et l’exporte explicitement pour être consommé par d’autres parties de l’application via import/export. Ce n’est pas spécifique à React : C’est l’application des modules ES6 (standard JavaScript) à l’écosystème React.React exploite ce système, il ne le…

  • PascalCase

    Le PascalCase (ou « Case Pascal ») est une convention de nommage où chaque mot commence par une lettre majuscule, sans espace ni tiret bas entre eux. Cette convention est utilisée dans la déclaration des classes dans de nombreux langages. Chaque mot commence par une majuscule. ConventionDeNommage Exemple : En React, le PascalCase est obligatoire pour le…

  • Props

    Les props (properties) sont des arguments immuables transmis d’un composant parent vers un composant enfant. Elles permettent de : 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…