⚛️ Cours Complet React (sans Node)

Ce cours couvre React de A à Z en utilisant uniquement des CDN.
Chaque leçon est une page autonome avec de la théorie, du code expliqué et une démo interactive.

Prérequis : HTML, CSS, JavaScript (ES6+). Aucune installation requise.

📚 Programme

01 — Introduction Qu'est-ce que React ? Setup CDN, premier rendu 02 — JSX en détail Syntaxe JSX, expressions, fragments, attributs 03 — Composants Composants fonctionnels, découpage, composition 04 — Props Passer des données, props.children, déstructuration 05 — State (useState) État local, mise à jour, re-rendu 06 — Événements onClick, onChange, onSubmit, SyntheticEvent 07 — Rendu conditionnel if/else, ternaire, &&, affichage dynamique 08 — Listes et clés map(), key, rendu de collections 09 — useEffect Effets de bord, cycle de vie, cleanup 10 — Formulaires Composants contrôlés, validation, multi-champs 11 — Lifting State Up Communication entre composants, état partagé 12 — useRef Références DOM, valeurs persistantes 13 — useContext Contexte global, thème, état partagé sans props 14 — Custom Hooks Créer ses propres hooks réutilisables 15 — Projet Final : Todo App Application complète combinant tous les concepts

🛠️ Comment ça marche ?

Chaque fichier HTML charge React via CDN :

<!-- React 18 via CDN -->
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>

<!-- Babel pour transformer le JSX en JavaScript -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

Il suffit d'ouvrir chaque fichier HTML dans un navigateur pour voir la leçon et le résultat en direct.