Apprendre React
Dans cette formation nous allons couvrir l’ensemble des éléments à connaître sur React. Nous allons commencer par découvrir...
Se perfectionner
Créer un Puissance 4 en ligne
L'objectif de cette série de vidéo est de vous montrer un cas concret d'utilisation de NodeJS et des websocket en créant une version...
Découvrir React avec des tutoriels
Résoudre l'erreur Can't perform a React state update on an unmounted component
Dans ce tutoriel je vous propose de découvrir comment gérer une erreur assez classique de React Can't perform a React state update...
React rendu côté serveur
Dans ce chapitre nous allons voir comment React peut être utilisé côté serveur.
Découverte de react-query
Dans cette nouvelle vidéo je vous propose de découvrir la librairie react-query qui va vous permettre de gérer simplement la synchronisation...
Composants React
Dans ce chapitre nous allons allons créer les composants qui nous serviront plus tard dans notre jeu. Le principal composant qui va...
Contexte React
Maintenant que nos composants sont prêt nous allons pouvoir les brancher avec la logique de notre machine à états. Pour cela nous...
Websocket côté client
Maintenant que notre serveur est capable de gérer les WebSockets on va pouvoir modifier notre hook / contexte pour se synchroniser...
Typer React avec TypeScript
Dans ce chapitre nous allons voir comment utiliser le types react @types/react. 00:48 Config tsconfig.json 02:24 Typer les props 07:05...
Modal de confirmation avec React
Dans cette vidéo je vous propos de découvrir comment gérer l'affichage de message de confirmation dans une application React. On...
Messages toasts avec React
Dans cette vidéo nous allons apprendre comment créer un système de messages "Toast" dans React. 00:00 Introduction 01:35...
Authentifier avec des cookie sur React
Je vous propose aujourd'hui de découvrir comment mettre en place un système d'authentification au sein d'une application React. Notre...
TP : Blog avec React
Dans ce chapitre je vous propose de mettre en pause notre apprentissage et de mettre en pratique les compétences acquises jusqu'à...
Chargement asynchrone via lazy()
lazy permet de charger un composant de manière asynchrone pour alléger le chargement initial de la page. Cela s'avèrera utile pour...
Tester du code react
Dans ce chapitre nous allons faire une petite aparté sur les tests unitaires dans le cadre de React. Comment tester les hooks et nos...
React router dom
Lors de notre TP on avait mis en place une navigation basée sur les hash dans l'url, mais dans un cas concret on va plutôt vouloir...
Animer avec framer motion
Dans cette vidéo je vous propose de découvrir la librairie framer-motion qui va vous permettre de gérer facilement et simplement...