Thématique du numérique : React

  • 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

  • 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. Sa particularité fondamentale : toute modification déclenche automatiquement un nouveau rendu du composant (et de ses enfants si nécessaire), synchronisant ainsi l’interface utilisateur avec les données. Caractéristiques essentielles Exemple simple Ce qui se passe : State vs autres…

  • 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 un objet qui fournit des méthodes pour accéder, modifier et mettre à jour l’état d’une application React.

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

  • 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