Formation Apprendre React

Découvrez comment créer des sites internet rapidement avec React en maîtrisant tous les concepts compliqués comme les Server Components, Server Actions et bien plus. Tout cela sur une plateforme pédagogique unique.

Tous les niveaux

60 heures

6284 élèves

AMAJJAAMSTLNFC

6284 étudiants

Mise à jour le 9 novembre 2024

1 projet comme en entreprise

En Français 🇫🇷

Plateforme de formation unique

Présentation

Formation React : Une immersion totale pour maîtriser React. Cette formation est conçue pour vous guider pas à pas dans l'univers de React. Vous apprendrez à créer des applications web modernes et performantes.

Pourquoi apprendre React ? React est un framework qui améliore JavaScript. Il permet de développer des applications rapides et optimisées pour le SEO. C'est un atout majeur pour tout développeur souhaitant se démarquer.

À quoi ça sert ? Avec React, vous pouvez construire des sites web dynamiques et interactifs. Il facilite le rendu côté serveur et l'optimisation des performances. C'est essentiel pour les projets ambitieux.

L'opportunité de React : Le marché du travail valorise les compétences en React. Les entreprises recherchent des développeurs capables de créer des applications efficaces et évolutives. C'est une opportunité à ne pas manquer.

La puissance de React : React offre des fonctionnalités avancées comme le chargement dynamique et la génération de pages statiques. Ces outils vous permettent de développer des applications robustes et innovantes.

Rejoignez notre Formation React pour exploiter tout le potentiel de ce framework. Devenez un expert et transformez votre carrière dans le développement web.

Projet final : Healthburger

Ensemble, on va créer un projet comme en entreprise avec des tickets :

Ce projet que tu vas faire seul va te permettre de repratiquer tout ce qu'on a vu dans BeginReact, avec SWR, react-hook-form et Zustand.

Je t'explique ce qui t'attends ici :

Formation React

Rejoignez maintenant la formation React suivie par 6284 élèves et qui a transformé la vie de leurs apprenants.

Ils me font confiance :

Son contenu riche et sa méthode d'enseignement pratique m'ont donnés de solides connaissances pour le lancement serein de SendShort.

Romain Cerezo

Co-fondateur de SendShort, créateur de contenu

Si tu veux maîtriser React et NextJs, je te recommande la formation de Melvyn. Toutes les personnes que j'ai coaché et qui ont suivi cette formation sont toutes ravies sans exception. Les cours sont clairs et très orientées pratique. Enfin bref, n'hésite pas !

Johan Le Roch

Développeur Freelance Senior en React et créateur de contenu

Plan de formation

Module 1

Fundamentals

Comprends comment fonctionnent le ReactDOM et le JSX dans les moindres détails.

1 Pourquoi React ?
2 Comprendre le virtual DOM
3 Les renders et commits
4 Comprendre React avec du simple JS
5 Ajout de React sans JSX
6 Ajout du JSX dans React
7 Comprendre le JSX
8 JSX vs HTML

Module 2

Components

Tout sur les composants comme les props, les bonnes pratiques, etc...

9 Quand créer un component ?
10 La règle des composants
11 Tous sur les props
12 Les props children
13 Le spread de props
14 Les styles en 5 façons avec React
15 Les listes
16 Les keys
17 Le Conditional Rendering
18 Workshop : react-journey

Module 3

useState

`useState` est le hook qui gère toute l'interactivité de tes applications et nous allons découvrir tous les détails.

19 Les events handler
20 Comment un state update l'UI ?
21 State vs Props vs Variable
22 Les custom hooks
23 L'immuabilité des states
24 Pattern de lifting state up
25 Les outils pour la gestion des states
26 Les formulaires
27 React-hook-form
28 Controlled vs Uncontrolled
29 Workshop : elevation-generator

Module 4

useEffect

Le hook le plus compliqué, c'est useEffect, et dans ce module, je vais supprimer le brouillard autour de ce hook.

30 Les règles des hooks
31 Tout sur le useEffect
32 Les dépendances
33 Le cleanup
34 Custom hook : useEventListener
35 Fetch de données
36 SWR
37 Le Strict Mode
38 Workshop : movie-finder

Module 5

State Management

Le plus gros problème que l'on rencontre, c'est de gérer les données dans des applications complexes. Nous allons le résoudre avec Zustand et useContext.

39 useContext syntaxe
40 La VRAI utilité de useContext
41 Création de Dialog avec useContext
42 Owner VS Parent Component
43 Découvert de Zustand
44 Refactor avec Zustand
45 Workshop : Création d'un Timer

Module 6

Les hooks

On va voir tous les autres hooks et même les plus compliqués comme useMemo ou useSyncExternalStore.

46 La règle des hooks
47 Le hook 'useId'
48 La propriété ref
49 La hook 'useRef'
50 Pourquoi React rerender ?
51 Les composants purs avec 'memo'
52 Le hook 'useMemo'
53 Le hook 'useCallback'

Module 7

Patterns

Pour faire un code propre, nous allons réutiliser des patterns efficaces.

54 Les différents types de composants
55 Délégation de props
56 Le Polymorphisme
57 Les utilisations de children
58 L'utilisation des clés
59 Les states dérivées
60 Principe du moindre privilège
61 Bien gérer ses states
62 HOC - High order component
63 Le ForwardRef

Module 8

Workshop : Final

Le dernier workshop va nous permettre de pratiquer tout ce qu'on a vu dans la formation.

64 Workshop complet sur tout ce qu'on a vu

Formation Apprendre React

Présentation