Exercices useState

Tâche : Créez un composant Compteur qui utilise useState(0) et des boutons +1, -1, Reset.

Tâche : Refactorisez le compteur pour utiliser la forme setCount(prev => prev + 1) (updater function) — cette forme est plus sûre quand la valeur dépend de l'ancienne.

Tâche : Créez un composant ToggleMode qui bascule entre mode sombre et clair avec setSombre(prev => !prev).

Tâche : Créez un formulaire avec deux champs contrôlés : chaque champ doit avoir value={state} et onChange={e => setState(e.target.value)}.

Tâche : Gérez un état objet { nom, age, ville } et mettez à jour une seule propriété avec le spread operator : setProfil(prev => {{ ...prev, ville: val }}).

Tâche : Créez une liste de courses : ajouter avec [...prev, nouvel], supprimer avec .filter(), afficher avec .map() + key.

Tâche : Gérez un tableau de scores avec useState, et calculez total, moyenne, max, min directement (sans useState supplémentaire).

Tâche : Simulez une requête API avec 3 useState distincts : loading, erreur, donnees — affichez l'état approprié selon l'étape.

Tâche : Créez un convertisseur °C/°F avec le state dans le composant parent et un callback passé via props à l'enfant InputCelsius.

Tâche finale : Implémentez une Todo list complète : useState([...]), ajouter via formulaire, cocher/décocher, supprimer, afficher le compteur de tâches terminées.