projet dans React Skill Tree

Mise en œuvre des fonctionnalités de navigation React

Intermédiaire

Dans ce projet, vous apprendrez à implémenter des fonctionnalités de navigation dans une application React. Vous allez créer une application simple avec une barre de navigation et des pages accessibles via des liens.

reactjavascriptweb-development

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce projet, vous allez apprendre à implémenter des fonctionnalités de navigation dans une application React. Vous allez créer une application simple avec une barre de navigation et des pages que vous pouvez naviguer à l'aide de liens.

👀 Aperçu

aperçu du projet

🎯 Tâches

Dans ce projet, vous allez apprendre :

  • Comment configurer le projet et installer les dépendances
  • Comment ajouter des routes et des correspondants de routes pour activer la navigation des menus dans la barre de navigation
  • Comment ajouter la navigation de la liste de cartes vers les cartes individuelles

🏆 Réalisations

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

  • Utiliser React Router pour gérer la navigation côté client
  • Créer des liens et naviguer entre différentes pages dans une application React
  • Passer des données entre les composants à l'aide de l'objet state dans React Router
Ceci est un Guided Lab, qui fournit des instructions étape par étape pour vous aider à apprendre et à pratiquer. Suivez attentivement les instructions pour compléter chaque étape et acquérir une expérience pratique. Les données historiques montrent que c'est un laboratoire de niveau débutant avec un taux de réussite de 83%. Il a reçu un taux d'avis positifs de 86% de la part des apprenants.

Enseignant

labby
Labby
Labby is the LabEx teacher.