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éo

Dans 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éo

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.

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éo

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.

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éo

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.

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éo

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.

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éo

Dé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

Johan Code(source)

« Excellent, beaucoup d'informations et haute qualité ! »

CyrilleDeNantes

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

Aymeric Suteau(source)

« ça donne vraiment envie d'apprendre Remix, c'est juste wow ! moins de ligne de code que NextJs ahaha »

ActuCode

ActuCode(source)

« franchement je te remercie infiniment pour cette formation »

Automecanik

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

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

TIKTOK POULPITO(source)

Passez à l'action

Vous souhaitez réserver votre accès à cette formation en avant-première ?

Étape 1
Créez un compte gratuit
Étape 2
Obtenez l'accès à vie

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.