Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Apprendre REACT JS de A à Z
Rating: 4.5 out of 5(13 ratings)
230 students

Apprendre REACT JS de A à Z

HOOKS | REACT REDUX | REDUX | REACT ROUTER DOM | REACT HOOK FORM
Last updated 3/2025
French

What you'll learn

  • Les bases de React : Comprendre les concepts fondamentaux comme les composants, les props et l'état (state).
  • Hooks en React : Utilisation de hooks comme useState, useEffect, et d'autres pour gérer l'état et les effets secondaires.
  • Gestion d’état avancée avec Redux : Mise en place de Redux pour gérer des états complexes dans des applications à grande échelle.
  • Simplification de la gestion d’état avec Zustand : Une alternative légère et flexible à Redux pour des projets plus simples.
  • Routage avec React Router DOM : Gestion de la navigation dans les applications à pages multiples et intégration des routes dynamiques.
  • Gestion des requêtes avec TanStack Query : Récupération et synchronisation des données depuis des APIs, gestion des états de chargement, d’erreur et de mise en
  • Formulaires avec React Hook Form : Gestion des formulaires dans React de manière fluide et performante.
  • Validation de formulaires avec Yup et Zod : Mise en place de la validation des données d’entrée pour des formulaires sécurisés et fiables.
  • Composition de composants réutilisables : Comment structurer son code pour créer des composants modulaires et réutilisables dans plusieurs projets.
  • Optimisation des performances en React : Utilisation de React memo, useCallback, useMemo, et autres techniques pour rendre vos applications plus performantes.
  • Gestion des effets secondaires : Maîtriser useEffect pour gérer les effets secondaires dans vos composants et éviter les boucles infinies.
  • State lifting et composition de données : Apprendre à structurer et partager l'état entre plusieurs composants dans l’arborescence React.
  • Utilisation de Context API : Apprendre à gérer les états globaux avec l’API Context pour des applications plus simples sans nécessiter Redux.
  • Gestion des dépendances et des versions : Installation et gestion des packages via npm ou yarn, et compréhension des mises à jour de dépendances.
  • Gestion des erreurs et debugging : Comprendre comment identifier, suivre et résoudre les erreurs dans vos applications React.
  • Création d’un projet final – Clone Disney+ : Utilisation de toutes les connaissances acquises pour construire une application complète et fonctionnelle basée su

Course content

11 sections177 lectures19h 28m total length
  • Introduction2:23
  • Préparation à la formation2:03
  • Introduction à REACT JS2:28
  • Installer React JS7:04
  • Fichiers sources0:41

Requirements

  • Base Javascript (recommandé)
  • Base CSS (recommandé)
  • Base HTML (recommandé)

Description

Plongez dans l'univers passionnant de React JS avec cette formation complète qui vous emmène de A à Z, couvrant tout ce qu'il faut savoir pour devenir un développeur front-end accompli. Vous souhaitez maîtriser les technologies les plus prisées dans le développement web moderne ? Ce cours est fait pour vous ! Que vous soyez débutant ou déjà familier avec React, vous apprendrez à créer des applications web dynamiques, réactives et performantes, en vous appuyant sur les meilleurs outils de l’écosystème.


Nous allons non seulement explorer React en profondeur, mais aussi intégrer des concepts avancés comme Redux pour gérer efficacement l'état de vos applications à grande échelle, et React Router DOM pour structurer la navigation entre vos différentes pages. Pour ceux qui préfèrent une approche plus légère de la gestion d’état, nous couvrirons également Zustand, une alternative simple mais puissante à Redux.


La formation vous guidera à travers l'intégration d'APIs et la gestion des requêtes avec TanStack Query, un outil incontournable pour synchroniser et gérer les données dans vos applications React. Vous apprendrez aussi à créer des interfaces utilisateurs modernes et professionnelles avec Material UI, tout en maîtrisant React Hook Form pour la gestion des formulaires, complétée par les bibliothèques de validation Yup et Zod pour renforcer la fiabilité de vos entrées utilisateur.


Ce qui rend cette formation unique, c’est la pratique. Après avoir assimilé la théorie, vous aurez l’occasion de mettre en application vos connaissances à travers des projets concrets et stimulants. Chaque projet est conçu pour approfondir vos compétences et vous préparer aux défis réels du développement web. Et pour couronner le tout, vous travaillerez sur un projet final captivant : cloner l'interface de Disney+. Ce projet vous permettra de combiner tout ce que vous avez appris, de la gestion d'état à la navigation, en passant par l'intégration d'APIs et la création d'une interface utilisateur intuitive.


Enfin, vous apprendrez à déployer vos projets sur Vercel, une plateforme de déploiement moderne qui simplifie la mise en ligne de vos applications. Grâce à cette compétence, vous serez capable de partager vos créations avec le monde entier et de les intégrer dans votre portfolio pour attirer l’attention des recruteurs et clients.


Cette formation est conçue pour vous fournir toutes les compétences nécessaires pour maîtriser l'écosystème React JS. Vous apprendrez à écrire du code propre et performant, à gérer des projets complexes avec des outils professionnels, et à créer des applications web robustes. De plus, je serai là pour vous accompagner à chaque étape, répondre à vos questions et vous aider à surmonter les éventuels blocages.


Inscrivez-vous dès maintenant et plongez dans la création d'applications innovantes avec React JS. Que vous souhaitiez devenir développeur professionnel ou améliorer vos compétences, cette formation est le tremplin parfait vers le succès.

Who this course is for:

  • Débutant(es)
  • Amateurs(rices)
  • Personnes en reconvention
  • Développeur front-end