Retrouvez l'article de ce projet à l'adresse suivante : Lien vers l'article
Ce projet React est un exemple d'implémentation du hook useEffect. Le projet permettant d'illustrer les propos de mon article DevTo "REACT - useEffect : Comment ressusciter les méthodes du cycle de vie ?".
Attention, ce projet ne se concentre pas sur le design ou l'ergonomie mais sur la façon dont fonctionne les useEffect.
Pour tirer pleinement parti de cette démonstration, il faut que vous rendiez dans le fichier Glow.jsx et que vous décommentiez les useEffect un à un en analysant ce qu'il se produit lors de la manipulation de l'application. Pour constater ce qu'il se passe il faut appuyer sur F12 dans votre navigateur afin d'acceder à la console.
Clonez le projet sur votre machine grâce à a commande git clone.
Une fois cloner, rendez-vous à la racine du projet et exécuter la commande npm run dev pour démarrer le projet.
Une fenêtre dans votre navigateur devrait s'ouvrir, si ça n'est pas le cas ouvrez en une est entrée l'url suivante : http://localhost:5173/
Vous pouvez commencer à vous amuser !
Trois fonctionnalités sont disponibles :
- Monter / détruire un composant en appuyant sur le bouton "Mount component" ou "Destroy component".
- Allumer / Eteindre la lumière en appuyant sur l'intérupteur "On" / "OFF".
- Changer la couleur de l'ampoule en cliquant sur les bouton de couleur.