React

React — architecture, performance et accessibilité

Structurez une application React durable : contextes, découpage des responsabilités, mémoïsation ciblée et accessibilité native.

Commencer le cours

20 leçons · 6 h 40 · Niveau avance · 100 % gratuit

Ce que vous saurez faire

  • Organiser une application en couches et éviter les re-rendus inutiles
  • Choisir entre contexte, état local et bibliothèque de state management
  • Mémoïser au bon endroit et mesurer l'impact réel
  • Rendre les composants accessibles au clavier et aux lecteurs d'écran

Prérequis

  • Maîtriser les hooks, les effets et les formulaires React
  • Avoir déjà maintenu une application React de plusieurs écrans
Le fil rouge du cours

un tableau de bord de dépenses personnelles : saisie, catégories, filtres et récapitulatif mensuel

Programme

1 1. Poser une architecture durable 4 leçons
  1. Cartographier les responsabilités de l’application 12 min
  2. Définir les types du domaine en TypeScript strict 15 min
  3. Choisir la source de vérité de chaque donnée 12 min
  4. Séparer les accès aux données de l’interface 12 min
2 2. Organiser l’état et les interactions 4 leçons
  1. Garder les interactions propres à leur composant 30 min
  2. Partager les préférences avec un contexte ciblé 20 min
  3. Réduire le couplage avec un reducer 25 min
  4. Évaluer le besoin d’une bibliothèque de state management 12 min
3 3. Mesurer et optimiser les rendus 4 leçons
  1. Repérer les rendus coûteux 25 min
  2. Mémoïser un calcul dérivé coûteux 25 min
  3. Stabiliser les propriétés des composants enfants 12 min
  4. Limiter les rendus des lignes indépendantes 15 min
4 4. Construire des interfaces accessibles 4 leçons
  1. Structurer la page avec des éléments natifs 25 min
  2. Rendre le formulaire de dépense accessible 12 min
  3. Assurer l’utilisation complète au clavier 8 min
  4. Annoncer les mises à jour utiles 20 min
5 5. Projet pratique : livrer le tableau de bord 4 leçons
  1. Assembler les couches du tableau de bord 25 min
  2. Ajouter saisie, catégories et filtres 35 min
  3. Produire le récapitulatif mensuel optimisé 25 min
  4. Valider l’accessibilité et les critères de livraison 35 min

Validation du cours

Un quiz de 12 questions vérifie que le parcours est acquis. Il faut 80 % de bonnes réponses pour valider le cours. Les tentatives sont illimitées, seul le meilleur score est conservé.

Passer le quiz

Envie d'aller plus loin ?

Les cours Enovatic sont gratuits et le resteront. Si vous cherchez un accompagnement encadré, nos formations professionnelles sont animées par les mêmes formateurs.

Voir les formations +32 (0) 484 29 56 94