$ 50.00

Tuto React de A à Z (React Hooks inclus) avec React

$ 50.00

  • Une formation vidéo de 4h22m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans cette formation en ligne, vous allez apprendre à utiliser le Framework Javascript le plus populaire : React.
Il reste encore en 2019 (aux coudes à coudes avec Angular), le Framework le plus demandé. Des sites de missions Freelance comme Malt ou Codeur proposent chaque jour des centaines de missions.
Les agences web et les entreprises s'arrachent les développeurs qui ont ces compétences.

C'est simple, la demande est beaucoup plus grande que l'offre.
 

Alors qu'attendez-vous pour apprendre React ?

Dans cette formation nous allons :

  • Faire un rappel ES6, car nous allons utiliser beaucoup de JavaScript moderne (fonctions fléchées, const, let, destructuring...),
  • Découvrir les bases de React,
  • Maîtriser les différents types de composants,
  • Gérer les données des composants avec State et Props,
  • Créer une application qui contient plusieurs "pages" avec React-Router,
  • Centraliser le State avec "Context API",
  • Utiliser les "React Hooks",
  • Réaliser 3 projets concrets en React,
  • et bien d'autres choses !

Cette formation en vidéo sera constamment mise à jour, car l'écosystème de React évolue très rapidement.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 
Un QCM de fin vous permettra de valider vos nouvelles connaissances !

Bonne découverte de React !

Table des matières de cette formation React (durée : 4h22m)

  • Introduction
    • Introduction gratuit 00:01:40
  • Rappel ES6
    • ES6 : Let et Const gratuit 00:04:28
    • ES6 : Les Fonctions Fléchées 00:03:50
    • ES6 : Spread et Destructuring 00:05:26
    • ES6 : Les Classes 00:04:04
  • Les Bases de React
    • Utiliser "create-react-app" pour mettre en place son dossier. gratuit 00:06:43
    • Explication des fichiers présents 00:09:09
    • Introduction aux composants et à JSX 00:07:03
    • Créer notre premier Composant 00:05:45
    • Les propriétés "props" 00:03:21
    • Qu'est ce que "state" ? 00:03:33
    • Les composants de type fonction 00:02:40
    • Vérifier ses props avec "proptypes" 00:02:13
    • Du CSS avec React 00:04:17
    • Mettre en place Bootstrap 00:02:50
  • Comprendre State et Props en créant notre AppContacts
    • Création du Header gratuit 00:04:52
    • Création de l'interface des contacts 00:02:22
    • Mieux comprendre State et Props 00:08:08
    • Extension React Chrome 00:01:54
    • Les Évenements avec React 00:07:38
    • Changer le State depuis un autre composant 00:09:14
    • Comprendre les "React Fragment" 00:06:16
  • Gérer des Inputs avec React : To do List
    • Création du dossier To do-List 00:02:43
    • Création de l'interface des contacts 00:06:47
    • Gérer "onChange" et "onSubmit" 00:04:09
    • Créer les éléments de la To Do List 00:07:04
    • Supprimer un élément de la liste 00:03:41
  • Découvrons la "Context APi"
    • Qu'est ce que l'API de contexte ? gratuit 00:02:49
    • Mise en place du "context" 00:04:21
    • Wrapper avec "Provider" et "Consumer" 00:03:21
    • Création du "Reducer" 00:02:47
    • Changez le state grâce à "Dispatch" 00:02:54
    • Lier un événement d'un composant et notre "Dispatch" 00:04:40
    • Récapitulons 00:02:34
  • Input + Context : Créer un formulaire pour AppContacts
    • Créer l'interface du formulaire gratuit 00:06:49
    • Gérer "onChange" et "onSubmit" 00:03:47
    • Créer l'Action 00:02:04
    • Créer le Contact 00:06:14
  • Le React Router
    • Créer une Route et un Link 00:03:55
    • Rajouter des Pages 00:06:01
    • Faire une redirection et une page "Erreur 404" 00:03:45
  • Les méthodes du Cycle de vie d'un composant
    • Les "Lifecycle Methods" 00:02:52
    • Découvrons ces méthodes concretement 00:04:42
  • Requêtes HTTP avec une API
    • Mise en place du Projet 00:02:49
    • Le requête "GET" 00:02:12
    • Afficher les articles 00:03:33
    • Réduire les articles et rajouter une propriété 00:03:15
    • Rendre un Article cliquable 00:05:40
    • Afficher un article 00:07:50
    • Éviter la boucle infinie 00:03:34
    • Faire une requête "POST" 00:04:33
    • Faire une requête "DELETE" 00:03:28
  • Mettre notre Application en ligne !
    • Mettre notre application en ligne, créer un repo github. 00:08:08
  • Comprendre et utiliser les React Hooks
    • Le React Hook "useState()" 00:07:51
    • Utiliser plusieurs Hook 00:02:55
    • Utiliser le Hook "useEffect()" 00:07:10
    • Convertir classe en fonction + hooks 00:04:03



Formateur : Enzo Ustariz

Enzo Ustariz a publié 22 tutoriels et obtenu une note moyenne de 4,9/5 sur 340 tutoriels vendus. Voir les autres formations de Enzo Ustariz

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    React
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1102 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données