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.

  • State global

    Le state global ou état global est un état centralisé qui stocke les données partagées d’une application et les rend accessibles à n’importe quel composant, quel que soit son niveau dans l’arborescence. Il s’oppose à l’état local (useState), qui est confiné à un seul composant . Objectif principal : Éliminer le « prop drilling » (ou passage de propriétés en cascade), c’est-à-dire la pratique fastidieuse qui…

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

  • Store

    Le store est le conteneur central unique qui détient l’intégralité de l’arbre d’état (state tree) d’une application Redux. C’est un objet JavaScript qui expose des méthodes pour accéder à l’état, le modifier et réagir à ses changements. Il est l’épine dorsale de la gestion d’état dans une architecture Redux. Principes fondamentaux : Les méthodes principales du store Le store…

  • Syntaxe :paramName

    :paramName est la syntaxe utilisée dans React Router pour définir un paramètre de chemin dynamique (dynamic path segment). Le préfixe : indique que le segment suivant dans l’URL est une valeur variable capturée et accessible via le hook useParams(). paramName est un identifiant arbitraire (ex: id, slug, employeeId) choisi par le développeur pour nommer ce…

  • This Week In React

    This Week In React est une newsletter hebdomadaire qui informe les développeurs des dernières mises à jour et tendances de React. Thisweekinreact.com/ Explorer les thématiques : React

  • Transpilateur – compilateur source à source

    Un transpilateur est un outil qui traduit du code source écrit dans un langage de programmation vers du code source sémantiquement équivalent dans un autre langage de même niveau d’abstraction — souvent un langage plus largement supporté ou plus ancien. Contrairement à un compilateur classique, qui produit du code machine (ou bytecode exécutable), un transpilateur…

  • Transpilation

    La transpilation est un traitement de conversion d’un langage formel de haut niveau (niveau d’abstraction par rapport à la machine) vers un autre langage de haut niveau. Par exemple transpiler la surcouche sémantique de TypeScript vers JavaScript de façon à rendre le code interprétable par les navigateurs. La traduction vers une version différente du même…

  • TWC

    TWC est une librairie qui allège le CSS des composants React avec Tailwind. React-twc.vercel.app Explorer les thématiques : React

  • useEffect()

    useEffect est un hook fondamental de React (introduit en v16.8) qui permet d’exécuter des effets de bord (side effects) dans les composants fonctionnels. Un effet de bord désigne toute opération qui interagit avec le monde extérieur au processus de rendu React : Appels API, abonnements, modification manuelle du DOM, timers, analytics, etc. Il synchronise le…

  • useNavigate()

    useNavigate() est un hook React fourni par react-router-dom qui retourne une fonction de navigation impérative, permettant de modifier programmatiquement l’URL courante, de manipuler l’historique du navigateur ou de transmettre un état de navigation sans interaction utilisateur directe sur un lien. Exemples concrets Comparaison clé Cas d’usage typiques Pourquoi cette conception ? useNavigate() est l’outil officiel…