Thématique du numérique : 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

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

  • React Compiler

    Le React Compiler (anciennement connu sous le nom de code « React Forget ») est un outil de compilation automatique créé par l’équipe React (Meta). Son objectif est d’optimiser automatiquement les performances d’une application React en supprimant le besoin pour les développeurs d’optimiser manuellement les re-rendus (les « re-renders »). Il s’exécute au moment de la compilation du code…

  • React Helmet

    React Helmet est une bibliothèque populaire pour gérer les balises HTML <head> dans les applications React. Elle permet de définir dynamiquement les titres de page, les méta descriptions, et autres balises importantes pour le SEO. Package React Helmet

  • React Router

    React Router est la bibliothèque de routage déclarative standard pour les applications React. Elle permet de mapper des URL à des composants React spécifiques, gérant la navigation entre vues sans rechargement de page, ce qui en fait un pilier des Single Page Applications (SPA). Elle permet la navigation entre composants. Fonctionnalités clés Dans React Router…