Différences et similitudes entre React Router 7 et Remix

Qu'est-ce qui différencie React Router 7 et le framework Remix, et pourquoi est-ce mieux d'utiliser React Router 7 aujourd'hui ?

1 min read

Débloquez cette leçon

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

Quelles sont les différences entre React Router 7 et Remix ?

Différences entre React Router 7 et Remix

Le schéma ci-dessus représente l'évolution de la librairie React Router et du framework Remix avec le temps.

Jusqu'à la version 5, React Router n'était qu'un framework "client-side". Il n'avait pas besoin d'un serveur pour fonctionner.

À partir de la version 6, React Router a introduit la notion de "loaders" et "actions", pour gérer le chargement des données et les mutations.

Ils ont ajouté ces fonctionnalités dans le code source d'un framework nommé Remix. Mais ils ont continué de maintenir React Router.

Après plusieurs années d'itérations, d'échange avec les utilisateurs, et après avoir agrandi leurs équipes, ils ont finalement pris la décision de "faire un pas en arrière".

Tout ce qui différenciait Remix de React Router a été ajouté au code source de React Router depuis la version 7.

La différence entre React Router 7 et Remix n'est donc plus que le nom.

Du moins pour l'instant. Effectivement, l'équipe de développement du framework souhaite tout de même proposer une version 3 du framework précédemment nommé "Remix".

On découvrira ce qu'ils nous préparent dans les prochains mois.

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