Développement Web · Manuel numérique interactif

ReactJS — Manuel interactif

Manuel interactif sur ReactJS : création d'interfaces utilisateur modernes pour les applications web à page unique (SPA) et gestion de l'état.

Ce que vous apprendrez

• Architecture de composants réutilisables, syntaxe JSX et DOM virtuel
• Gestion d'état avec Hooks (useState, useEffect, useMemo) et flux de données

Table des matières

1. Introduction à React et aux architectures monopages
   • De l'approche impérative du DOM au paradigme déclaratif
   • Le DOM virtuel et l'algorithme de réconciliation
   • L'environnement de travail recommandé au cégep : Node.js, Vite et TypeScript
2. La syntaxe JSX et les règles de rendu déclaratif
   • Qu'est-ce que JSX et pourquoi l'utiliser ?
   • L'interpolation d'expressions et la protection XSS
   • Le rendu conditionnel et la génération de listes avec key
3. Les composants fonctionnels et les propriétés (props)
   • Anatomie d'un composant fonctionnel et déstructuration des props
   • La transmission de fonctions de rappel (callbacks) vers le parent
   • La composition avancée et la propriété spéciale children
4. L'état local avec useState et l'immutabilité des données
   • Fonctionnement du crochet useState et planification asynchrone
   • L'immutabilité stricte des objets et des tableaux
   • Les pièges fréquents : état dérivé et synchronisation superflue
5. Le cycle de vie et la gestion des effets avec useEffect
   • Comprendre les trois phases : montage, mise à jour et démontage
   • Les trois configurations du tableau de dépendances
   • Le mode strict (StrictMode) en développement
6. Les formulaires contrôlés et la validation de données
   • Composants contrôlés versus composants non contrôlés
   • Gestion d'un formulaire à champs multiples avec un objet TypeScript
   • Validation synchrone et affichage des messages d'erreur
7. La communication avec les API Web et l'asynchronisme
   • Architecture client-serveur et protocole HTTP en environnement collégial
   • La trilogie des états asynchrones et modélisation en TypeScript
   • L'annulation des requêtes obsolètes avec AbortController
8. La navigation côté client avec React Router
   • Les principes du routage côté client dans une application monopage
   • Configuration des routes imbriquées et composant Outlet
   • Paramètres d'URL dynamiques avec useParams et navigation programmée avec useNavigate
9. La gestion globale de l'état avec Context et useReducer
   • La problématique du forage de propriétés (prop drilling)
   • Création et consommation d'un contexte typé avec TypeScript
   • Le crochet useReducer et les actions typées
10. Les crochets personnalisés et l'optimisation des performances
    • Conception et extraction de crochets personnalisés (custom hooks)
    • La mémoïsation avec useMemo, useCallback et React.memo
    • Les outils de profilage et les normes d'accessibilité québécoises

Ouvrir le manuel interactif · Paiement unique : 29,95 $ CA

← Tous les manuels