Exercices React

Exercice 1 : Compteur de clics

• Créez un composant Compteur avec un état local compteur.
• Affichez la valeur et un bouton pour l’incrémenter.
• Expérimentez avec setCompteur(prev => prev + 1).

Exercice 2 : Transmission de données entre composants

• Implémentez un Parent et un Enfant.
• Transmettez des données via props et utilisez children.
• Ajoutez une fonction de rappel (callback) pour remonter une action à Parent.

Exercice 3 : Page 404

• Créez un composant Page404 affichant un message d’erreur.
• Ajoutez un lien de retour à l’accueil.

Exercice 4 : Liste d’articles de blog

• Déclarez un tableau d’objets représentant des articles.
• Affichez dynamiquement les articles avec .map().

Exercice 5 : Menu de navigation

• Implémentez une NavBar avec une liste de liens.
• Expérimentez avec les styles et le responsive design.

Exercice 6 : Formulaire de contact

• Créez un formulaire avec des champs nom, email, message.
• Gérez l’état avec useState.
• Ajoutez une validation simple avant soumission.

Exercice 7 : Contexte React (thème clair/sombre)

• Utilisez ThemeContext pour gérer un état global.
• Expérimentez avec useContext et un bouton pour basculer le thème.

Dépot GIT