29.999999999999993% de réduction - Offre limitée
Maîtrisez React Router 7
Créez des applications web modernes et performantes avec le framework full-stack intégré à React que tout le monde attendait.
Programme de la formation
Découvrez le contenu de chaque module ci-dessous. Nous allons régulièrement en publier de nouveaux ; vous y aurez accès sans frais supplémentaires dès qu'ils seront disponibles.
1
Présentation de la plateforme Algomax
Disponible
1 leçon
· 2min 43s de contenu vidéoDans ce mini-module, je t'explique comment exploiter au mieux la plateforme de formation Algomax.
Comment utiliser la plateforme
2min 43s
Dans cette leçon, je te présente la plateforme de formation d'Algomax, et comment tu peux l'utiliser.
2
Introduction à React Router 7
Disponible
5 leçons
· 21min 32s de contenu vidéoDans ce module, tu vas découvrir l'intérêt d'utiliser un framework comme React Router 7 pour développer des applications web.
Présentation et histoire de React Router
6min 37s
Découvre comment React Router 7 est venu à voir le jour
Pré-requis pour utiliser React Router 7
2min 52s
Pour développer avec React Router 7, il y a plusieurs pré-requis.
La communauté React Router
5min 57s
Dans cette leçon, nous présentons la communauté Remix : Github repo, serveur Discord, personnalités à suivre sur Twitter, sites et ressources intéressantes
3
Prise en main et découverte des API
Disponible
5 leçons
· 18min 19s de contenu vidéoReact 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.
Initialisation d'un projet React Router 7
2min 45s
Dans cette leçon, nous allons configurer une nouvelle application React Router 7 et découvrir les APIs de ce framework.
La configuration `vite.config.ts` et les plugins
4min 12s
La configuration Vite.JS
Création d'une première route React Router 7
3min 25s
Dans cette leçon, nous créons notre première route, en déclarant un composant React, rendu côté serveur et côté client.
4
Maîtriser le routing dans React Router 7
Disponible
12 leçons
· 2h 53min de contenu vidéoDans 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.
Introduction au routing avec React Router 7
7min 19s
Découvre les fondamentaux du routing avec React Router 7 pour créer des applications web modernes.
Comment charger une donnée côté serveur avec React Router 7
13min 29s
Découvre comment charger des données dynamiques et côté serveur dans ton application React Router 7 avec la méthode loader.
Comment effectuer une mutation côté serveur
16min 23s
Apprends à modifier des données côté serveur avec React Router 7 et la méthode action : ajout, édition, suppression d’utilisateurs, et protection des données sensibles.
5
Maîtrise les formulaires dans React Router 7
Disponible
9 leçons
· 2h 34min de contenu vidéoLes 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.
Créer un composant de formulaire amélioré
20min 14s
Apprends à structurer des formulaires React Router 7 robustes : erreurs par champ, UX sans perte de saisie, accessibilité native, et composants réutilisables sans état local.
Validation avec Zod et Conform
20min 11s
Zod et Conform permettent de valider un formulaire une seule fois, côté client et serveur, avec moins de code, des erreurs précises et des champs automatiquement configurés.
Comment valider un formulaire côté serveur
28min 41s
Apprends à valider les formulaires côté serveur avec Zod + Conform : unicité, logique métier, erreurs asynchrones et UX préservée grâce à submission.reply() et superRefine.
6
L'authentification dans React Router 7
Annoncé
5 leçons
· 1h 11min de contenu vidéoDécouvrez comment implémenter l'authentification dans React Router 7
Virgile s'engage à sortir ce module et toutes ses leçons avant le 01/06/2025.
Introduction module authentification
Annoncé
Découvre comment sécuriser tes formulaires React Router 7 avec une vraie base de données, sessions sécurisées et protection des routes sensibles.
Configurer une base de données Prisma avec React Router 7
Annoncé
Apprends à installer, initialiser et utiliser Prisma pour gérer ta base PostgreSQL dans React Router 7. Passe à l’étape full-stack avec un client TypeScript typé.
Sauvegarder la session utilisateur dans un cookie avec React Router 7
Annoncé
Apprends à gérer la session utilisateur sécurisée via cookies en React Router 7. Protège tes routes et personnalise l’expérience utilisateur facilement.
7
Maîtrise le SEO dans React Router 7
Annoncé
0 leçon
Découvre comment implémenter le SEO dans ton app React Router, et les optimisations SERP que tu peux ajouter dès aujourd'hui.
Virgile s'engage à sortir ce module et toutes ses leçons prochainement.
8
Déploiement d'une application React Router 7
Annoncé
0 leçon
Comment déployer ton application React Router 7, qu'est-ce qui est disponible sur le marché ?
Virgile s'engage à sortir ce module et toutes ses leçons avant le 01/05/2025.
9
On développe un projet React Router 7
Annoncé
0 leçon
On développe un projet React Router 7 utilisant l'IA
Virgile s'engage à sortir ce module et toutes ses leçons avant le 01/06/2025.
10
Bonus: Intégrer les tests unitaires dans React Router 7 (avec Vitest)
Annoncé
0 leçon
Intégrer les tests dans React Router 7 (Vitest)
Virgile s'engage à sortir ce module et toutes ses leçons avant le 01/06/2025.
11
Bonus: Intégrer les tests end-to-end dans React Router 7 (avec Playwright)
Annoncé
0 leçon
Découvre comment j'ai intégré les tests end-to-end avec Playwright dans mes applications React Router 7
Virgile s'engage à sortir ce module et toutes ses leçons prochainement.
En achetant maintenant, vous obtenez un accès immédiat au contenu existant et à tous les modules futurs sans aucun coût additionnel. Cette offre à -29.999999999999993% est limitée dans le temps !
Chaque module inclut plusieurs leçons vidéo, exemples de code, et exercices pratiques.
Ils ont déjà testé nos formations
« Voilà le genre de vidéos que j'aime ! Beau boulot 👏 »
Johan Code(source)
« Excellent, beaucoup d'informations et haute qualité ! »
CyrilleDeNantes(source)
« C'est problablement la vidéo la plus claire que j'ai pu visionner sur le routing avec Remix, super travail 👏 »
Aymeric Suteau(source)
« ça donne vraiment envie d'apprendre Remix, c'est juste wow ! moins de ligne de code que NextJs ahaha »
ActuCode(source)
« franchement je te remercie infiniment pour cette formation »
Automecanik(source)
« Ce que j’ai particulièrement apprécié, c’est ton côté logique et pédagogue. Ça rend la formation assez simple et fluide. »
Thierry Gravelaine(source)
« Super, j'apprécie ce type de contenu. C'est tellement jouissif d'apprendre de nouvelles méthodes pour optimiser son code. Merci!! 😊 »
TIKTOK POULPITO(source)
Passez à l'action
Vous souhaitez réserver votre accès à cette formation en avant-première ?
Étape 1
Étape 2
Veuillez vous connecter pour continuer vers le paiement
Prix standard
398,00 €
Code promo appliquéLAUNCH3530% de réduction
Nouveau prix
278,60 €
Prix final
Économie de 119,40 €
278,60 €
Questions fréquentes
Tu as des questions ? Voici les réponses aux interrogations les plus courantes concernant nos formations.