React JS de Zéro à Héros : Le Guide Complet
React JS de Zéro à Héros : Le Guide Complet
Maîtrisez React.js de A à Z. Ce cours complet de 60 leçons vous accompagne du niveau débutant absolu au niveau professionnel, en couvrant les Hooks, la gestion du State, l'intégration d'API et l'optimisation des performances.
Leçons
- Introduction à React et à son écosystème
- Configuration de votre environnement de développement
- Créer votre premier projet React avec Vite
- Comprendre la structure du projet
- Introduction au JSX
- Les composants fonctionnels
- Props : Transmettre des données aux composants
- Le style dans React : CSS et styles Inline
- Gestion des événements
- Le Hook useState : Introduction au State
- Rendu conditionnel
- Listes et clés
- Le Hook useEffect : Les bases
- Nettoyages et dépendances du useEffect
- Créer votre premier mini-projet : Liste de tâches (Todo List)
- Remontée de l'état (Lifting State Up)
- Composants contrôlés vs non contrôlés
- Le Hook useRef
- Le Hook useMemo
- Le Hook useCallback
- Hooks personnalisés : Réutilisation de la logique
- Introduction à l'API Context
- useContext et contextes multiples
- Le Hook useReducer
- Introduction à React Router v6
- Routage dynamique et paramètres d'URL
- Routes imbriquées et Outlets
- Routes protégées et authentification
- Récupération de données avec l'API Fetch
- Gestion des états de chargement et d'erreur
- Introduction à Axios
- Opérations CRUD : GET et POST
- Opérations CRUD : PUT et DELETE
- Introduction à Redux Toolkit
- Redux : Slices et configuration du Store
- Redux : useSelector et useDispatch
- Redux asynchrone avec createAsyncThunk
- Bases de React Query (TanStack Query)
- Formik et Yup pour la validation de formulaires
- React Memo et composants purs
- Portals : Rendu en dehors du Root
- Composants d'ordre supérieur (HOC)
- Périmètres d'erreur (Error Boundaries)
- Introduction aux tests unitaires avec Vitest
- Tester les Hooks et les services
- Profilage des performances
- Code Splitting avec React.lazy
- Next.js : L'avenir de React ?
- Travailler avec les variables d'environnement
- Déploiement sur Vercel/Netlify
- Modèles de composants avancés : Compound Components
- Maîtriser le Hook useId
- Travailler avec Styled Components
- Tailwind CSS avec React
- Transitions React : useTransition
- Hook useDeferredValue
- Projet Final : Partie 1 - Architecture
- Projet Final : Partie 2 - Fonctionnalités
- Projet Final : Partie 3 - Finitions
- Conclusion et plan de carrière