Accueil
 |  |
Introduction étape par étape au framework web [React]
créé par l’IA Claude d’Anthropic à la demande de Serge Tahé - septembre 2026
Ce cours apprend à écrire, pas à pas, une application web avec la bibliothèque React 19 : une application à page unique (SPA), dont les pages sont fabriquées dans le navigateur à partir des données JSON d’un serveur.
Il s’appuie d’abord sur 25 petits exemples, chacun centré sur une seule notion : un projet Vite, les composants fonctions et le JSX, l’état (useState, useReducer), les événements, les champs contrôlés, la validation et React Hook Form ; les props, children, le cycle de vie (useEffect), les contextes et les hooks personnalisés ; le routage avec React Router, le chargement différé et les gardes ; l’asynchrone et l’état partagé (use() et Suspense, Zustand, localStorage) ; l’internationalisation avec i18next ; enfin le dialogue avec le serveur (fetch, proxy de Vite, cookie httpOnly, useActionState, TanStack Query, erreurs du serveur attachées aux champs).
Le serveur est traité comme une boîte noire : c’est le serveur JSON de l’application RdvMedecins, écrit avec NestJS. On l’installe, on étudie son API et on l’interroge avec 48 exemples curl, sans avoir à lire son code.
Vient ensuite une étude de cas complète : le client React de RdvMedecins, une application de prise de rendez-vous pour un cabinet médical, dont tous les fichiers sont commentés, puis son déploiement.
Ce cours fait suite au cours NestJS, où c’est le serveur qui fabrique les pages, et reprend le plan des cours Vue.js et Angular. Les mêmes écrans sont aussi écrits pour un téléphone avec Flutter. Le cours Un exemple de client / serveur React / NestJS étudie, lui, le serveur et le client à la fois.