React Fundamentals
Découvrez les fondations de React : composants, props, et composition
Ce que vous allez apprendre
- •Comprendre React, le Virtual DOM et l'architecture à composants
- •Installer Node.js, npm et configurer l'environnement de développement
- •Comprendre les SPA (Single Page Applications) et différences avec les MPA
- •Maîtriser la syntaxe JSX et ses différences avec HTML
- •Créer des composants fonctionnels réutilisables
- •Passer des données avec les props et la destructuration
- •Afficher des listes dynamiques avec .map() et les keys
- •Implémenter le rendu conditionnel (if/else, ternaire, &&)
- •Utiliser TypeScript avec React pour typer les props, événements et état
Parcours de la séance
Introduction
FacilePrésentation de la séance, objectifs et philosophie d'apprentissage
Débuter avec React
FacileQu'est-ce que React, Vite, et créer son premier projet
Node.js & npm
FacileEnvironnement de développement, Node.js, npm, et alternatives
SPA vs MPA
IntermédiaireSingle Page Applications, Multi-Page Applications, et Next.js
JSX - JavaScript XML
IntermédiaireSyntaxe JSX, différences avec HTML, et règles essentielles
Composants Fonctionnels
IntermédiaireCréer des composants, composition, et bonnes pratiques
Props
IntermédiairePasser des données, destructuration, et validation
Listes et Keys
IntermédiaireAfficher des listes avec .map(), keys, filtrage et tri
Rendu Conditionnel
Intermédiaireif/else, ternaire, &&, et early returns
React avec TypeScript
AvancéTyper les props, children, événements et useState
Conclusion
FacileRécapitulatif et validation des compétences acquises
Exercices
IntermédiaireMettez en pratique vos nouvelles compétences React
Projet Fil Rouge
AvancéApplication d'apprentissage du japonais (Séances 2 à 5)
Quiz de validation
AvancéTestez vos connaissances sur React avec 20 questions