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

  • Context API

    L’API Context dans React est une fonctionnalité intégrée qui permet de partager des données, de les propager à travers un arbre de composants sans passer par les props (props drilling). Elle simplifie la gestion de l’état global ou de la configuration de votre application Context API résout le problème du prop drilling (transmission manuelle de…

  • CRA

    CRA est le diminutif couramment utilisé pour Create React App. C’est le bundler historique de React qui utilise WebPack, Babel et ESLint. Pour un nouveau projet il vaut mieux utiliser Vite. Des millions de projets utilisent CRA. Il s’agit d’un outil de configuration initiale développé par Facebook pour simplifier la création d’une nouvelle application React.…

  • Create React App

    Create React App (CRA) est un ensemble d’outils et de scripts de ligne de commande qui permettent de mettre en place rapidement un environnement de développement pour des applications React. Create React App

  • Décomposition en composants

    Dans React, la décomposition en composants permet de diviser l’interface en petits morceaux indépendants et modulaires. Chaque composant encapsule sa propre logique (JavaScript), son rendu (JSX/HTML) et souvent son style, ce qui facilite la maintenance, le test et la réutilisation du code à travers l’application.

  • Diffing

    Mise à jour des changements effectué par le DOM virtuel dans le DOM réel quand le résultat du composant est différent, par un processus de regroupement de changements batch update.

  • DOM virtuel (Virtual DOM)

    Le DOM virtuel est une représentation légère en mémoire de l’arbre DOM réel, utilisée par certaines bibliothèques JavaScript (comme React ou Vue) pour optimiser les mises à jour de l’interface utilisateur et réduire les accès coûteux au DOM natif. C’est une technique de performance pour minimiser les manipulations directes du DOM réel. Pourquoi existe-t-il ?…

  • Draft.js

    Framework pour créer des éditeurs wysiwyg personnalisables et évolués à intégrer dans React.js. Site web

  • ECMAScript

    Le standard sur lequel repose le langage de programmation JavaScript, appelé ECMAScript, porte l’abréviation ES. L’association ECMA pour la standardisation de l’information et de la communication des systèmes (European association for standardizing information and communication systems) qui siège en Suisse, met à jour chaque année la normalisation et les standards de JavaScript. L’ES6 a profondément…

  • Élément React

    Un élément React est un objet JavaScript léger et immuable, élémentaire, qui décrit de manière déclarative ce qui doit être affiché à l’écran à un instant donné. Il constitue l’unité de base du rendu dans React. Structure interne d’un élément Quand vous écrivez : React crée en réalité cet objet : Distinction claire : Élément…