Qu'est-ce que je vais apprendre ?

Commencez par apprendre JSX, indispensable pour utiliser React !
Maitrisez la création et la validation de formulaires avec React-hook-form et Yup !
Comprenez comment simuler plusieurs pages avec React-router.
Apprenez les nouvelles API de React qui utilisent les hooks !
Apprenez les bases de React : les composants et les props.
Apprenez à gérer des requêtes Ajax vers des API avec Fetch.
Gérez l'état de vos applications complexes avec Recoil.
Apprenez à déployer une application React en production.
Créer des formulaires complexes avec react-hook-form.
Réaliser un projet complet de livre de recettes.
Chapitre 1 : Introduction
6 leçons
01:44:00
A l'abordage
Qu'est-ce que React ?
vite, swc et JSX
Environnement Windows
Environnement GNU/Linux
Environnement MacOS
Chapitre 2 : Création d'une application React
5 leçons
01:54:00
Chapitre 3 : Introduction aux composants
4 leçons
01:23:00
Chapitre 4 : React, les styles, le CSS et Sass
4 leçons
00:59:00
Chapitre 5 : Projet Cookchef - partie 1
6 leçons
03:17:00
Chapitre 6 : Rendu conditionnel et liste
5 leçons
01:34:00
Chapitre 7 : Rendre les composants réactifs
6 leçons
03:45:00
Chapitre 8 : Projet Cookchef - partie 2
5 leçons
02:26:00
Chapitre 9 : Gestion d'état et communication des composants
12 leçons
06:35:00
Chapitre 10 : Les hooks pour les références, les effets et les mémoïsations
10 leçons
04:15:00
Afficher les 27 chapitres

Les prérequis pour suivre cette formation

Des connaissances en HTML & CSS sont recommandées

Des connaissances en JavaScript sont nécessaires

Certains des projets que nous allons coder ensemble

Cookchef

Nous mettrons en pratique toutes les fonctionnalités de React pour créer un moteur de recherche de recettes avec un gestionnaire de favoris. Nous utiliserons React-hook-form, Yup et Fetch, et d'autres librairies !

Description

Créé en 2013 par Facebook, React a été développé pour répondre à des problématiques de performance que rencontraient les sites à l'époque. C’est un framework qui est donc léger et optimisé pour gérer un trafic très important.

C'est actuellement le framework le plus utilisé en France et dans le monde : Facebook, Instagram, Airbnb, Netflix, Paypal, Uber, le New York Times, WhatsApp, Leboncoin et de nombreuses autres entreprises l'ont adopté. Côté performance, le framework est très léger et extrêmement rapide.

Le cœur de React a pour tâche de gérer la partie visuelle de vos applications de manière réactive. Pour tout le reste il faudra apprendre diverses librairies qui viendront compléter votre application.

Ces différentes librairies ne sont pas toujours développées par Facebook mais sont open-source : l’écosystème de React est très riche et nous vous apprendrons toutes les meilleures librairies notamment Recoil et React Router.


En savoir plus

Également inclus dans la formation

JSX

JSX

JSX est un langage qui a été spécialement créé pour React. Avec React tout est JavaScript, même les templates.
Lire plus

Recoil

Recoil

Les applications front-end sont de en plus dynamiques et complexes. Avec Recoil, vous allez apprendre à dompter cette complexité en apprenant la notion de gestion d'état.
Lire plus

Router

Router

Dans une application React, le système de routes se fait également avec une librairie externe.
Lire plus