React est une bibliothèque JavaScript qui permet de simplifier la création d’interface. Elle permet une synchronisation plus simple et plus efficace entre les données de votre application et le rendu HTML.
Dans cette formation nous allons couvrir l’ensemble des éléments à connaître sur React. Nous allons commencer par découvrir les spécificités de React (le VirtualDOM et le JSX) pour rapidement créer nos premiers composants.
Nous découvrirons ensuite les hooks qui sont le coeur de React et qui permettent de représenter les changement d'état de nos composants.
On continuera ensuite l’exploration de certaines notions avancées comme les contextes, les portails ou les ErrorBoundary avant de découvrir comment tester nos composants React.
Pour finir, on explorera l'écosystème autour de React avec la découverte de librairies incontournable lorsqu'il s'agit de créer un projet basé sur React.
Introduction à React
Installation de React
La syntaxe JSX
Le hook useState
Les formulaires avec React
Le flux de données dans React
TP React : Liste de produit
Le hook useEffect
Le hook useMemo
Le hook useRef
Créer un hook personnalisé
Mémoisation et useCallback
Les portails dans React
Capturer les erreurs avec ErrorBoundary
TP : Blog avec React
Chargement asynchrone via lazy()
Le hook useReducer
Le hook useContext
Tester du code react
Propriétés de rendu
Le hook useSyncExternalStore
React router dom
Animer avec framer motion
Découverte de react-query
Zustand
Shadcn
Messages toasts avec React
Modal de confirmation avec React
Authentifier avec des cookie sur React
React rendu côté serveur
Muter l'état dans un useEffect()
Conclusion