Formation Apprendre React 19 en 2025
Apprenez React 19 en 2025 avec des projets concrets, maîtrisez les Hooks et l'API Context. Formation certifiante pour développeurs tous niveaux.
All Levels
90 heures
4.9 / 5
(451 reviews)
6,159 learners
Overview
This course is not available in your language.
Bienvenue dans notre formation avancée sur React 19, conçue pour vous immerger dans la maîtrise complète de cette librairie JavaScript indispensable en 2025. À jour avec la toute dernière version de React, cette formation explore en profondeur :
- les concepts clés,
- les outils essentiels,
- et les techniques avancées qui font de React une force dominante dans le développement web moderne.
Pendant cette formation React, vous perfectionnerez votre compréhension des Hooks, du Context API et même de certaines librairies comme Framer Motion pour des animations fluides, ou même encore React Hook Form pour une gestion efficace des formulaires, et bien d'autres fonctionnalités puissantes offertes par React.
Notre approche pédagogique repose sur :
- des exercices pratiques,
- des projets stimulants,
- et des études de cas réelles.
C'est super tout ça... Mais qu'est-ce qu'on va faire concrêtement ? 🤔
Vous apprendrez par exemple à faire :
- Un prévisualisateur de markdown
- Une TO-DO list
- Un pokédex ultime
- Un clone de l'authentification Facebook
Que vous soyez un développeur intermédiaire cherchant à élever ses compétences au niveau supérieur ou un professionnel expérimenté désirant rester à la pointe de la technologie, cette formation complète sur React a été spécialement conçue pour vous.
D'autres entreprises comme Netflix, Facebook, Instagram et Tik Tok utilisent React sur leur site internet : rejoignez notre formation React 19 dès aujourd'hui pour pouvoir créer des projets d'aussi grande envergure à la fin de notre formation !
Here’s what you will accomplish
Course Outline
Section 1
Introduction
Commençons cette formation par une présentation générale des prérequis pour la réussir. C'est ici que les chemins vont se séparer entre les développeurs complètement débutants avec React ceux déjà expérimentés.
Section 2
Avant de commencer
Pour réussir une formation, il faut déjà apprendre comment faire pour mettre toutes les chances de son côté. C'est aussi ici que l'on apprend à formuler nos questions.
Section 3
Interactive Quiz
Challenge: 1 question
Section 4
Partons sur de bonnes bases
Débutons notre apprentissage de React en découvrant ses origines, son histoire et surtout ses principaux avantages. C'est aussi ici que nous allons installer les logiciels et les extensions dont nous allons avoir besoin.
Section 5
Interactive Quiz
Challenge: 1 question
Section 6
Quelques rappels sur les nouveautés de JavaScript
Avant d'apprendre React, il est nécessaire de faire une piqure de rappel sur les dernières nouveautés de JavaScript : ce passage est facultatif mais fortement conseillé !
Section 7
Interactive Quiz
Challenge: 1 question
Section 8
Nos premiers pas avec React
C'est parti pour notre premier projet avec React ! Ici, on commence par un bac à sable (une sandbox qu'on appelle ça) avec un petit projet simple. Cette partie marquera notre première rencontre avec les composants de React.
Section 9
Interactive Quiz
Challenge: 1 question
Section 10
La logique avec React
Il est important de comprendre comment avoir la bonne logique pour utiliser React. Ici, on parle des states (pas des Etats-Unis).
Section 11
Le monde des React Hooks
Les React Hooks sont une des fonctionnalités les plus importantes de React. Cette partie nous permet de nous familiariser avec eux.
Section 12
Interactive Quiz
Challenge: 1 question
Section 13
Projet #1 - Un prévisualisateur de markdown
Il est l'heure de travailler sur notre vrai premier projet : un véritable prévisualisateur de markdown entièrement développé par vous-même !
Section 14
Parlons design avec React
Être un bon développeur React, c'est super. Mais rien n'est mieux qu'un bon développeur ET designer React. Ici, on apprendre toutes les manières qui nous permettent de styliser nos projets React : avec le CSS inline, avec le CSS dans un fichier séparé, puis avec les modules CSS ! Enfin, nous apprenons à utiliser des librairies externes, comme Styled Components qui est très utilisé, et nous irons même jusqu'à une petite introduction à Tailwind CSS.
Section 15
Interactive Quiz
Challenge: 1 question
Section 16
Débugguer une application React
Un bon développeur React se doit de savoir résoudre rapidement un bug dans un projet quand il en rencontre un. Cette partie vous apprend à trouver rapidement l'origine de votre problème et à le corriger en un temps record.
Section 17
Projet #2 - Une TO-DO list
Nous arrivons ici dans notre second projet pour cette formation : une TO-DO list ! Tous les bons développeurs React passent par ce projet.
Section 18
Connectons-nous au monde extérieur (HTTP / API)
Quand on a envie de créer de grandes choses, on est vite limité par nos seules compétences : alors on profite de celles des autres, notamment en récupérant leurs données par exemple. Cette partie vous apprend à contacter des services externes pour récupérer des informations fiables en temps réel, comme la météo par exemple. C'est dans cette partie que nous créons un tout nouveau projet : un véritable pokédex !
Section 19
Interactive Quiz
Challenge: 1 question
Section 20
Modifier le contenu selon une adresse url (le react router)
Avoir une application React, c'est super, mais quand on est limité à une seule page, c'est un peu compliqué d'en tirer quelque chose. Cette partie vous permettra de créer des projets avec plusieurs pages sans avoir besoin de recharger à chaque fois le navigateur de votre utilisateur.
Section 21
Interactive Quiz
Challenge: 1 question
Section 22
Créer son propre Hook
Savoir utiliser les React Hooks, c'est déjà génial ! Mais savoir créer ses propres React Hooks, c'est ce que l'on peut considérer comme le niveau ultime de la maîtrise de React : nous apprenons à le faire dans cette partie.
Section 23
Poussons notre routeur au maximum (notions avancées)
Avoir un projet avec plusieurs pages, c'est déjà super. Mais dans cette formation, nous irons au bout des choses : cette partie vous permettra d'apprendre toutes les notions très avancées sur les routeurs que seuls les meilleurs développeurs React connaissent.
Section 24
Optimiser le chargement des pages en utilisant le lazy loading (lazy et suspense)
Quand on crée un projet, on souhaite qu'il ait le maximum de visiteurs possibles. Et pour ça, une des possibilités à notre disposition est d'avoir un site qui se charge très vite. Cette partie vous apprendra à utiliser les chargements de pages optimisés pour avoir une expérience utilisateur inégalable.
Section 25
Gérons nos states avec useReducer et le "Context API"
Peu de développeurs React connaissent vraiment comment utiliser le "Context" de React : cette super mémoire qui permet de stocker des tonnes d'informations à partager entre nos composants. Ce ne sera pas votre cas grâce à cette partie dédiée au React Hook useReducer et au "Context API" de React. Dans cette partie, nous réaliserons également un véritable Apple Store !
Section 26
Interactive Quiz
Challenge: 1 question
Section 27
Les formulaires et React
Avoir un projet dans lequel nos utilisateurs peuvent renseigner leurs informations est primordial pour pouvoir développer des fonctionnalités intéressantes comme l'inscription, la connexion ou encore un espace commentaire. Cette partie permet de maîtriser complètement les formulaires ainsi que leurs erreurs pour vous donner toutes les cartes en main. Vous réalisez dans ce projet un clone du système d'authentification de Facebook.
Section 28
L'authentification avec React
Que serait un grand projet réalisé avec React sans avoir la possibilité d'authentifier nos utilisateurs ? C'est la base même du web 2.0 et de tous les sites que nous utilisons dans la vie quotidienne. Cette partie vous apprendra à inscrire, connecter et déconnecter vos utilisateurs tout en protégeant les pages qui nécessitent que l'utilisateur soit authentifié.
Section 29
Interactive Quiz
Challenge: 1 question
Section 30
Construisons plus facilement nos requêtes HTTP grâce à React Query - Tanstack Query
Une des librairies React les plus utilisés par les développeurs professionnels s'appelle React Query (de son vrai nom "Tanstack Query"). Cette partie vous permettra de maîtriser à 100% toutes les subtilités de ce package pour faire de vous le meilleur développeur React que vous puissiez être.
Section 31
Interactive Quiz
Challenge: 1 question
Section 32
React et les animations (Framer motion package)
Les belles animations, c'est ce qui fait la différence entre un site internet que les visiteurs qualifient de "banal" et ce qu'ils qualifient "d'exceptionnel". Cette partie vous apprendra à complètement perfectionner votre maîtrise des animations React grâce à un package extrêmement utilisé dans le monde du développement : framer-motion.
Section 33
Envoyer son projet en ligne
Créer une superbe application React est une chose, mais encore faut-il en faire profiter le monde entier. Cette partie vous apprendra à mettre votre site internet réalisé grâce à React en ligne.
Section 34
Conclusion
On prend les mouchoirs et on se félicite d'en être enfin arrivé là : vous voici un excellent développeur React !
Earn Your Certification
At the end of this course, you will receive a certification validating your skills in React if you successfully complete all quizzes.
Learner Reviews of Our React Course
4.9 / 5
451 reviews (Trustpilot and Believemy)
Très bonne formation où on voit clairement qu'il y a eu un très gros travail en amont. La courbe d'apprentissage est bonne, les enchaînements des différentes sessions sont cohérentes, et les exercices / projets sont intéressants à faire. Rien à redire sur Louis-Nicolas qui conduit la formation, on voit clairement qu'il maîtrise son sujet et qu'il a eu envie de faire la meilleure formation qui soit !
Benjamin C.
Web developer verified by Trustpilot
Superbe formation ! Très bien contextualisée, et le retour sur les fondamentaux était apprécié. Le gros plus est qu’elle soit à jour avec les dernières fonctionnalités de React.
Samuel D.
Web developer verified by Trustpilot
Prerequisites
Instructor
Louis-Nicolas Leuillet
FAQs
What is React?
How long will it take to complete this course?
Are there specific times I need to follow the course?
What level is required to take this course?
Can I ask questions if I have a problem?
Will I receive a certificate at the end of the course?
Is the course up-to-date with the latest version?
Why learn React when AI is on the rise?
Our articles on React
Pourquoi faut-il apprendre React en 2025 : tous les avantages !
Explorez pourquoi React reste un choix incontournable en 2025 pour les développeurs. Découvrez ses avantages, l'évolution de ses fonctionnalités et pourquoi le marché continue de le préférer.
Les nouveautés de React 19
React 19 vient tout juste d'être annoncé par l'équipe de Meta. De puissantes nouveautés ont fait leurs apparitions presque deux ans après la sortie de React 18.3. Découvrons toutes les nouveautés avec React 19.
Tout sur le nouveau Hook React : useOptimistic
Découvrez useOptimistic, le hook React qui rend vos interfaces plus réactives avec des mises à jour instantanées. Fluidifiez l'expérience utilisateur et simplifiez la gestion de vos erreurs.
You Might Also Like These Courses
Formation HTML et CSS
Faites vos premiers pas dans le web avec HTML5 et CSS3 avec flexbox et les grilles puis initiez-vous enfin au webdesign pour créer votre premier portfolio professionnel.
Formation JavaScript
Créez des sites internet dynamiques grâce à notre formation JavaScript partant de zéro et explorez toutes les dernières nouveautées du langage de programmation le plus populaire des développeurs web.
Formation NextJS
Découvrez comment créer des sites internet plus rapidement et facilement, de manière full-stack et avec une SEO optimisée à la perfection pour les moteurs de recherche avec NextJS 14