React — Liste & Détail, Markdown et Filtrage
Implémenter les pages liste et détail avec React Router, grouper des données par catégorie, rendre du Markdown en React, navigation breadcrumb et filtrage côté client.
Frontend
34 presentations in this collection.
search
Loading…
Dashboard React : Skeleton Loading & Polling
Construire la page dashboard avec TodayLesson, TodayExercise, PairCard et StreakBadge. Skeleton loading, React Query, polling et SSE.
Setup du projet Bootcode Hub + Authentification
Scaffolder le projet complet avec Vite + React + TypeScript + Tailwind. Configurer tous les outils (Router, Zustand, React Query, RHF, Zod). Implémenter le flow d'authentification complet connecté au backend.
Design System, Accessibilité & Bibliothèque de Composants
Semaine 6 — Projet de synthèse : design tokens, variantes, composition, accessibilité ARIA/clavier/contraste, checklist production-ready, et mini-projet bibliothèque de composants
Maîtriser les patterns avancés React
Custom hooks, Higher-Order Components, compound components avec Context, composants headless et composants génériques typés avec TypeScript.
Optimisation React
Présentation sur l'optimisation des performances React : comprendre les re-renders, utiliser React.memo, useMemo, useCallback, et implémenter le code splitting avec React.lazy et Suspense.
Tests Asynchrones & MSW
Tester les composants asynchrones avec findBy et waitFor, mocker les appels réseau avec MSW, tester React Query, React Hook Form et React Router
Semaine 5 — Mini-Projet E-commerce Tutoriel
Tutoriel étape par étée pour construire un mini-projet e-commerce illustrant Zustand, React Query, React Hook Form + Zod
Classes JavaScript : Encapsulation
Maîtriser class, constructor, this et les propriétés privées #. Comprendre l'encapsulation et protéger les données internes.
Testing React avec Vitest
Apprendre la philosophie de testing frontend, configurer Vitest + React Testing Library, et Ă©crire ses premiers tests de composants : render, screen, queries, userEvent et assertions.