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.
-
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 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…
-
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…
-
Streaming de données
Mode de traitement informatique où les données sont analysées et utilisées au fur et à mesure qu’elles arrivent, sans être stockées au préalable contrairement au traitement par lots (batch). Imaginons un robinet d’eau qui coule en continu. Dans le numérique, cela signifie qu’on capte, filtre, enrichit et réagit à des données en temps réel, dès…
-
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…
-
Tableau responsif
Un tableau responsive est un tableau HTML dont la présentation s’adapte automatiquement aux contraintes d’affichage des différents terminaux (ordinateur, tablette, smartphone), tout en préservant la lisibilité, l’intégrité sémantique et l’accessibilité des données qu’il contient. Contrairement à un tableau classique — qui peut déborder de l’écran ou devenir illisible sur mobile —, un tableau responsive utilise…