Thématique du numérique : Développement & technologies

Ensemble des notions liées au développement logiciel et aux technologies numériques, incluant les langages, frameworks, architectures, infrastructures et environnements techniques.

  • Codeberg

    Codeberg est une plateforme en ligne d’hébergement et de partage de code source, conçue spécifiquement pour les projets et logiciels libres (open source). C’est l’équivalent libre, éthique et européen de GitHub ou GitLab. Codeberg.org

  • Commande rfc

    Raccourci signifiant React fonctional component disponible depuis une extension VS Code pour créer rapidement la structure d’un composant. Lorsque vous tapez « rfc » suivi de la touche Tb abréviation de react fonctional component dans un éditeur tel que VSCode avec l’extension appropriée installée, il génère automatiquement le code de base d’un composant React fonctionnel.

  • Compilateur dans l’écosystème React

    Un compilateur (ou plus précisément un transpileur comme Babel) est un traducteur automatique qui s’exécute avant que votre code n’atteigne le navigateur. Il a deux missions principales : Pour le développeur : C’est une boîte noire. Vous écrivez du code moderne et lisible, le compilateur le rend « exécutable » en silence. Exemples Précis de Transformation Voici…

  • Compilation à la volée – JIT

    La compilation JIT est une technique d’exécution de code dans laquelle le bytecode (ou code intermédiaire) est compilé en code machine natif au moment de l’exécution, juste avant d’être utilisé — et non au moment du build (comme en AOT). Objectif : combiner la portabilité du bytecode avec les performances du code natif, en optimisant…

  • Component Testing – Test de composant (React Testing Librarie)

    Le component testing (test de composants) consiste à vérifier le comportement d’un composant React en simulant des interactions utilisateur. React Testing Library est une bibliothèque conçue pour écrire des tests focussés sur l’expérience utilisateur plutôt que sur l’implémentation interne. Principes clés

  • Composant <Link>

    Le composant <Link> (issu de react-router-dom) est un composant de navigation déclarative conçu pour les applications React. Il permet de créer des liens interactifs qui modifient l’URL du navigateur sans déclencher de rechargement de page, tout en préservant la sémantique HTML et l’accessibilité. Fonctionnement clé Le composant <Link> de React Router (ex: react-router-dom) intercepte le…

  • Composant <Outlet />

    Le composant <Outlet /> (React Router v6) est un placeholder obligatoire placé dans un composant layout parent pour définir où injecter le contenu de la route enfant active dans une structure de routes imbriquées (nested routes). Sans <Outlet />, les composants enfants ne s’affichent pas. Imaginez un cadre photo (<DashboardLayout>) avec une zone vide centrale.<Outlet…

  • Composant React

    Partie d’une application réutilisable. Son code source est généralement ajouté dans un dossier Src/Components/ Par convention un composant débute toujours par une lettre majuscule. Un composant est constitué d’un fichier .js ou .jsx. Il débute toujours par l’importation du module React. Cette Cette définition du module React sert au transpileur Babel de transformer le code…

  • Composants en classe (obsolète)

    Les Composants en Classes (Approche Orientée Objet) Historiquement, c’était la seule façon de gérer l’état (state) dans React.

  • Composants en fonctions

    L’approche fonctionnelle + Hooks est le standard actuel de React. Avantages : Développer de manière procédurale (écrire une suite d’instructions qui manipulent le DOM étape par étape, comme avec jQuery ou du JS vanilla ancien) est déconseillé dans React. React est Déclaratif : vous décrivez à quoi l’interface doit ressembler en fonction de l’état des…