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.

  • Redux

    Gestionnaire d’états centralisé de l’application générale dans un seul objet, une seule variable globale contenant des valeurs. Librairie additionnelle qui permet de séparer les données dans une vue avec React. Redux Redux Toolkit Synonyme : state container, fonction reducers   Explorer les thématiques : React

  • Redux Toolkit

    Redux Toolkit (RTK) est la boîte à outils officielle et recommandée pour écrire la logique Redux de manière efficace et moderne. C’est une couche d’abstraction qui enveloppe le noyau de Redux pour simplifier considérablement son utilisation. Objectif : RTK a été créé pour résoudre trois problèmes majeurs de Redux « vanilla » : La notion clé :…

  • Ref – Référence

    Une ref (référence) est un objet JavaScript fourni par React qui permet d’accéder directement à un élément du DOM ou de conserver une valeur mutable sans provoquer de re-rendu du composant. C’est une échappatoire au flux de données normal de React. Les 2 Cas d’Usage Principaux L’Analogie useRef = Un post-it caché dans ta poche.…

  • 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. Explorer les thématiques : React

  • Routage

    Le routage (ou routing) est le mécanisme global, orchestré par un routeur, qui permet de gérer la navigation dans l’application et de faire le lien entre l’URL et les composants associés. Il assure que la bonne route est affichée en fonction de l’adresse, et ce, sans rechargement de la page. Fonctionnement : Le routage est…

  • Route

    Une route (ou route) est une association déclarative entre un chemin d’URL (path) et un composant React spécifique. Elle définit ce qui doit être affiché à l’écran lorsque l’utilisateur navigue vers une adresse donnée de l’application . Caractéristiques : Déclaration : Dans React Router, une route est déclarée à l’aide du composant . Deux propriétés…

  • Route protégée

    Une route protégée (ou private route) est une page ou une section d’une application React dont l’accès est conditionné par une vérification d’authentification. L’objectif est de garantir qu’un utilisateur non connecté ne puisse pas visualiser certaines zones sensibles de l’application, comme son profil, son tableau de bord ou une interface d’administration . Fonctionnement : Une…

  • Source Maps

    Fichiers de correspondance (.map) générés lors du build qui relient le code transformé/minifié (déployé) au code source original (développé). Permettent de déboguer comme si le code source était déployé. Pourquoi indispensables ? Types courants Explorer les thématiques : React, Développement & technologies

  • SPA – Single Page Application

    Une application web monopage (single page application) est une application composée d’une seule page HTML utilisant le navigateur de l’utilisateur pour générer le contenu à afficher. Cette page quasiment vide est composée d’un nœud racine, un conteneur qui charge du JavaScript construit, préparé à l’avance du côté serveur. Les informations sont chargées dynamiquement et affichées…

  • State

    Le state (état) est un objet JavaScript local et mutable qui stocke les données dynamiques d’un composant d’une application à un moment T. Par exemple : est-ce que l’utilisateur est connecté ? Quel est son solde ?. Sa particularité fondamentale : toute modification déclenche automatiquement un nouveau rendu du composant (et de ses enfants si…