Navigation Responsive avec un Hook React Personnalisé

Introduction

Dans ce projet, vous allez apprendre à créer un Hook React personnalisé appelé useWindowSize pour obtenir la taille actuelle de la fenêtre et l'utiliser pour rendre conditionnellement la barre de navigation dans une application web.

👀 Aperçu

🎯 Tâches

Dans ce projet, vous allez apprendre :

• Implémenter le Hook personnalisé useWindowSize pour obtenir la taille actuelle de la fenêtre
• Utiliser le Hook useWindowSize dans le composant App pour mettre à jour la barre de navigation en fonction de la largeur de la fenêtre

🏆 Réalisations

Après avoir terminé ce projet, vous serez capable de :

• Créer un Hook React personnalisé pour encapsuler une fonctionnalité réutilisable
• Utiliser les hooks useState et useEffect pour gérer l'état et les effets de bord
• Rendre conditionnellement des composants en fonction de la taille actuelle de la fenêtre