Présentation et histoire de React Router

React Router, c'est quoi exactement et pourquoi l'utiliser dans tes projets React ? Petit retour rapide : React, lancé il y a 11 ans par Facebook, a révolutionné le développement web en permettant de créer des composants réutilisables en JavaScript et JSX. Mais il manquait une fonctionnalité essentielle : la navigation entre plusieurs pages côté client.

C'est là qu'entre en jeu React Router, lancé en 2014. Cette librairie permet de gérer facilement le routing côté client en affichant conditionnellement du contenu selon l'URL. Aujourd'hui, React Router est devenu incontournable, avec plus de 2 milliards de téléchargements au total et 10 millions rien que la semaine dernière sur NPM.

Quelques années plus tard, Next.js débarque avec une approche différente : un framework complet qui gère à la fois le rendu côté serveur (SSR) et côté client. Next.js devient vite la référence pour les applications React full stack, en combinant React et Node.js pour une expérience utilisateur optimale.

En 2020, les créateurs de React Router lancent Remix, un framework alternatif à Next.js, plus simple et intuitif. Remix séduit rapidement grâce à sa simplicité : une seule manière claire de gérer la logique serveur et client, contrairement à Next.js qui propose plusieurs approches parfois complexes.

Mais alors, pourquoi revenir à React Router aujourd'hui ? Tout simplement parce que l'équipe de Remix s'est rendu compte qu'elle développait d'abord toutes ses nouvelles fonctionnalités dans React Router avant de les intégrer à Remix. Ils ont donc décidé de recentrer leurs efforts sur React Router pour faciliter la vie des millions de développeurs qui l'utilisent déjà.

Résultat : aujourd'hui, React Router 7 intègre toutes les fonctionnalités modernes nécessaires pour créer des applications React performantes, notamment grâce aux React Server Components disponibles depuis React 19. La différence entre React Router, Remix et Next.js est désormais minime, chacun offrant des solutions similaires pour développer des apps React full stack.

Dans cette formation, on va justement explorer ensemble comment créer une application React complète et performante avec React Router 7, en utilisant des technos modernes comme Tailwind CSS pour le style et Vite pour un développement rapide et fluide. Alors, prêt à démarrer ? On se retrouve tout de suite pour les prérequis !