$ 50.00

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

$ 50.00

  • Une formation vidéo de 7h41s
  • 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 : 7h41s)

  • Introduction
    • Introduction 00:02:39
    • Introduction 00:02:39
    • Comment suivre ce cours ? 00:02:43
    • Comment suivre ce cours ? 00:02:43
  • 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. 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
    • Intro requêtes HTTP 00:02:22
    • Requête "GET" 00:03:06
    • Afficher les articles 00:04:15
    • Réduire les articles et rajouter une propriété 00:02:37
    • Rendre un article cliquable 00:03:38
    • Récupérer le contenu 00:04:12
    • Afficher un article 00:02:27
    • Boucle infinie 00:04:04
    • Fermer un article 00:04:09
    • Requête "POST" 00:05:52
  • Redux
    • Comprendre l'utilisation de Redux 00:01:36
    • Fichiers de départ 00:01:09
    • Création du Store et du Reducer 00:03:21
    • Connecter un composant au store 00:03:01
    • Changer le state d'un composant avec le Store et connect() 00:06:13
  • Mettre notre Application en ligne !
    • Mettre notre application en ligne, créer un repo github. 00:08:08
  • Comprendre et utiliser les React Hooks
    • Introduction aux React Hooks et UseState 00:06:59
    • Règle des Hooks et multiple State 00:02:11
    • Le Hook "UseEffect" 00:05:53
    • Appel d'une API 00:04:55
    • Faire un "Custom Hook" 00:03:15
    • Utiliser UseMemo 00:11:37
    • Utiliser le Hook "UseCallback" 00:05:35
    • Créer une fenêtre modale 00:12:58
    • Faire une "Cleanup function" 00:09:42
    • Créer une navbar responsive 00:15:50
    • Comprendre UseReducer 00:07:42
    • Créer des onglets 00:09:59
    • Utiliser UseRef 00:10:59
  • Utiliser Redux avec les React Hooks
    • Mise en place 00:06:17
    • Créer un compteur 00:08:08
    • Combiner plusieurs "Reducer" 00:09:51
  • Utiliser l'API de contexte avec les React Hooks
    • Mise en place 00:03:08
    • Premier contexte. 00:07:48
    • Creer un light mode / Dark mode 00:13:15



Formateur : Enzo Ustariz

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

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de marielooox laissé le 08/11/2019
    Excellent tuto ! Etant en train de me former à React.js, j'ai déjà pu visionner un bon nombre de tutos, mais celui-ci est sans aucun doute le plus compréhensible et le plus complet (accessible aux débutants, tout en abordant les notions et fonctionnalités de React en profondeur). J'y reviendrai pour approfondir les quelques notions que je n'ai pas encore bien assimilées ! Merci ...
    "Merci beaucoup pour ce retour et à bientôt."

  • 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 1205 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données