Pré-requis pour utiliser React Router 7

Pour développer avec React Router 7, il y a plusieurs pré-requis.

2 min read

Débloquez cette leçon

Entrez votre email pour accéder gratuitement à ce contenu.

Avant de démarrer ton application React Router 7, voici les prérequis techniques à installer sur ta machine :

  • Node.js : indispensable pour exécuter du JavaScript côté serveur. Je te conseille d'utiliser NVM (Node Version Manager), un outil pratique pour gérer facilement plusieurs versions de Node.js. Peu importe ton OS (Windows, Linux ou Mac OS), tu trouveras les commandes adaptées directement sur le site officiel de Node.js.
  • GitHub : optionnel mais fortement recommandé. Avec un compte GitHub, tu peux sauvegarder ton code source en ligne, collaborer facilement et éviter les pertes de données. Inscris-toi gratuitement sur github.com.
  • Git : essentiel pour gérer les versions de ton code en local. Télécharge-le depuis git-scm.com. Sur Mac OS, Git est souvent déjà inclus avec Xcode, sinon utilise Brew. Sur Windows, choisis simplement l'exécutable adapté à ton système (32 ou 64 bits). Sur Linux, une commande terminal suffit.
  • Éditeur de code : pour coder confortablement, je te recommande Cursor, une version boostée à l'IA de Visual Studio Code. Il est gratuit, disponible sur tous les OS et idéal pour suivre cette formation. Sinon, Visual Studio Code classique fera aussi très bien l'affaire.

Voilà, tu as tout ce qu'il faut pour démarrer sereinement ! Dans la prochaine leçon, je te présenterai rapidement la communauté Remix avant de passer au concret et commencer à coder ensemble. À tout de suite !

Inclus
Quiz interactifTestez vos connaissances
Validez votre compréhension du module avec notre quiz interactif personnalisé.
1

Comprendre les concepts fondamentaux

Quelle est la principale différence entre les composants client et serveur dans React ?

Les composants client s'exécutent uniquement dans le navigateur
Les composants serveur peuvent utiliser useState
2

Optimisation des performances

Quelle technique est recommandée pour éviter les rendus inutiles dans React ?

Utiliser React.memo pour les composants fonctionnels
Ajouter plus d'états locaux
3

Architecture des données

Quel hook permet de gérer les effets de bord dans un composant React ?

useEffect
useState

Débloquez ce quiz et tous les autres contenus