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
Présentation de la séance, objectifs et philosophie d'apprentissage
Débuter avec React
Qu'est-ce que React, Vite, et créer son premier projet
Node.js & npm
Environnement de développement, Node.js, npm, et alternatives
SPA vs MPA
Single Page Applications, Multi-Page Applications, et Next.js
JSX - JavaScript XML
Syntaxe JSX, différences avec HTML, et règles essentielles
Composants Fonctionnels
Créer des composants, composition, et bonnes pratiques
Props
Passer des données, destructuration, et validation
Listes et Keys
Afficher des listes avec .map(), keys, filtrage et tri
Rendu Conditionnel
if/else, ternaire, &&, et early returns
React avec TypeScript
Typer les props, children, événements et useState
Conclusion
Récapitulatif et validation des compétences acquises
Exercices
Mettez en pratique vos nouvelles compétences React
Projet Fil Rouge
Application d'apprentissage du japonais (Séances 2 à 5)
Quiz de validation
Testez vos connaissances sur React avec 20 questions