Apprend à développer des sites webs performants en maîtrisant le framework React Router 7 (anciennement Remix). Dans cette formation, tu apprendras tous les secrets du routing, gestion des formulaires, authentification, sécurité, SEO et déploiement d'une application web moderne.
J'ai créé cette formation pour partager une expertise concrète et unique : une formation en français entièrement dédiée à React Router 7 (anciennement Remix). À ce jour, aucune autre ressource francophone n'existe sur cette technologie.
Utilisant quotidiennement cette technologie depuis plus de quatre ans en entreprise (inspiré dès 2021 par un article de Kent C. Dodds), je maîtrise parfaitement ses subtilités techniques, notamment :
L’objectif principal de cette formation est simple : rendre les développeurs autonomes, en leur enseignant les meilleures pratiques pour concevoir des applications performantes, robustes et professionnelles.
Si tu veux comprendre clairement comment exploiter React Router 7 au maximum, maîtriser les fondamentaux frontend/backend, et te différencier sur le marché francophone, cette formation est faite pour toi.
J’ai choisi Remix (devenu React Router 7) dès 2021 après avoir découvert l'article de Kent C. Dodds. À l'époque, NextJS me semblait complexe avec de multiples méthodes confuses pour réaliser du SSR, CSR, ou rendu statique.
Remix était clair et intuitif : un simple export de loader pour récupérer des données, un action pour gérer des mutations, et le routing simplifié permettait une meilleure expérience utilisateur.
Aujourd'hui, cette stack répond parfaitement aux besoins du marché :
J'utilise React Router 7 avec Tailwind CSS, qui est la solution moderne pour gérer le CSS dans les applications React. J'utilise également shadcn-ui pour disposer d'une librairie de composants UI professionnels.
Depuis peu, Vite 6 a remplacé le bundler historique de Remix. Il gère aussi la compilation du code, offrant des performances accrues durant le développement grâce au Hot Module Replacement (HMR).
Comme React Router 7 utilise Express pour sa base serveur, il est possible d'ajouter des fonctionnalités Cette stack permet également d'aller au-delà du simple frontend : grâce à Express côté serveur, tu peux facilement gérer des tâches comme les cron jobs, les emails, ou encore l'hébergement de fichiers.
Cette formation s'adresse principalement aux développeurs juniors ayant acquis les bases en HTML, CSS, JavaScript, et qui débutent avec React. Une bonne compréhension générale de JavaScript est essentielle.
Les développeurs expérimentés y trouveront également de précieux enseignements sur les concepts avancés de React Router 7.
À la fin de cette formation, tu seras parfaitement autonome avec React Router 7 et capable de créer des sites performants et professionnels. Particulièrement utile aux freelances, cette formation documente tous les choix techniques essentiels : Zod, Conform, TypeScript, emails, hébergement de fichiers, gestion des formulaires et bases de données.
En tant que formateur, je m'engage personnellement à te fournir un accompagnement bienveillant sur Discord pour garantir ta réussite.
Dans ce mini-module, je t'explique comment exploiter au mieux la plateforme de formation Algomax.
Dans ce module, tu vas découvrir l'intérêt d'utiliser un framework comme React Router 7 pour développer des applications web.
React Router 7 met à disposition plusieurs APIs pour améliorer l'expérience utilisateur de ton site. Dans ce module, nous allons toutes les découvrir et les utiliser.
Dans ce module, découvre le puissant routing du framework React Router 7. D'une route simple aux cas les plus avancés, on passera en revue tous les concepts et comment les appliquer.
Les formulaires permettent à nos utilisateurs d'intéragir avec notre application. Mais un formulaire, c'est bien plus qu'un élément html avec un input. Découvre comment mettre en place des formulaires full typesafe, proposant une expérience utilisateur exceptionnelle et une expérience développeur hors-norme.
dans ce module complet, tu apprendras à gérer l’inscription, la connexion, la déconnexion et la réinitialisation de mot de passe de manière sécurisée. Tu découvriras comment intégrer Prisma, bcrypt, les cookies de session signés, Conform, Zod et les emails transactionnels avec Nodemailer. Crée une expérience fluide et protégée pour tes utilisateurs, avec un typage strict et une UX irréprochable.
Apprends à déployer ton application React Router 7 en production avec un VPS pas cher et performant. Dans ce module pratique, tu découvriras les étapes clés : achat d’un nom de domaine, configuration d’un serveur (Hostinger), conteneurisation avec Docker, reverse proxy avec Caddy, déploiement automatisé via GitHub Actions, et liaison DNS. Maîtrise ta propre infrastructure pour un hébergement flexible, sécurisé et évolutif – le tout à moins de 20 €/mois.
Découvre comment implémenter le SEO dans ton app React Router, et les optimisations SERP que tu peux ajouter dès aujourd'hui.
On développe un projet React Router 7 utilisant l'IA