Qu'est-ce que je vais apprendre ?

Commencez par apprendre JSX, indispensable pour utiliser React !
Apprenez les bases de React : les composants et les props.
Maitrisez la création et la validation de formulaires avec Formik et Yup !
Apprenez à envoyer des requêtes Ajax vers des API avec Axios.
Comprenez comment simuler plusieurs pages avec React-router.
Gérez l'état de vos applications complexes avec Redux.
Apprenez les nouvelles API de React qui utilisent les hooks !
Apprenez à déployer une application React en production.
Chapitre 1 : Introduction
7 leçons
01:26:00
A l'abordage !
Qu'est-ce que React ?
Qu'est ce qu'une SPA ?
Environnement de développement
Créer notre premier projet
Cli webpack
Comprendre la structure d'une application
Chapitre 2 : JSX
5 leçons
00:58:00
Chapitre 3 : Composants et props
5 leçons
00:55:00
Chapitre 4 : Projet films - partie 1
6 leçons
01:37:00
Chapitre 5 : Composants : les bases
6 leçons
01:38:00
Chapitre 6 : Projet films - partie 2
4 leçons
00:59:00
Chapitre 7 : React et le style
4 leçons
00:59:00
Chapitre 8 : Rendu conditionnel et listes
4 leçons
01:10:00
Chapitre 9 : Projet films - partie 3
4 leçons
00:51:00
Chapitre 10 : Approfondissement des composants
8 leçons
02:22: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

Allo ciné

Nous mettrons en pratique toutes les fonctionnalités de React et Redux pour créer un moteur de recherche de films avec un gestionnaire de favoris. Nous utiliserons Redux, Yup et Formik, et plein d'autres librairies !

Description

Créé en 2013 par Facebook, React a été développé pour répondre à des problématiques de performance que rencontrait le site à 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 coeur 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 developpées par Facebook mais sont Open Source : l'écosysteme de React est très riche et nous vous apprendrons toutes les meilleures librairies notamment Redux.


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

Redux

Redux

Les applications front-end sont de en plus dynamiques et complexes. Avec Redux, 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