$ 35.00

Tuto React et Redux de A à Z pour débutants avec React

$ 35.00

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

Depuis quelques temps, un nouveau venu fait beaucoup parler de lui : React

React est une librairie Javascript open source dédiée à l’écriture d’interfaces utilisateurs. Elle est née de la collaboration entre Instagram et Facebook.
Depuis sa sortie, React a fait beaucoup d’émules et est utilisée en production chez Facebook mais aussi chez NetflixYahoo ,AirBnB et bien d'autres.
React est actuellement de plus en plus demandé sur le marché du travail ; le connaitre, accompagné de Redux, est un vrai plus !

Au programme de cette formation React / Redux en vidéo et en français !

Dans ces cours vidéo vous apprendrez à développer des applications ultra modernes avec React en partant du basique pour aller vers du complexe. Vous apprendrez aussi à utiliser de nombreuses librairies et fonctionnalités.

De plus nous apprendrons à utiliser la librairie Redux qui est une implémentation dérivée de Flux.

Redux, est essentiel pour nous permettre de contrôler facilement l 'état de notre application en tout temps, et c'est également une librairie de plus en populaire à combiner avec React .
Nous mettrons en application direct ce que vous aurez appris en réalisant des applications web.
Le code corrigé pour chacune d'entre elles vous sera accessible.
Les cours apportent un suivis vous permettant, qu'importe votre niveaux, de suivre ce cours.
Je pars du principe que vous ne savez rien sur React ni de Redux

Le tout avec un professeur qui vous guidera entre chaque sections  dans la bonne humeur et de façon décontractée !
A très bientôt !

Table des matières de cette formation React (durée : 6h02m)

  • Introduction et préparation de l'environnement
    • 1 - Introduction 00:03:38
    • 2 - Téléchargement et installation des sources 00:01:10
    • 3 - Installation de l'environnement et de l'éditeur. (Voir fichier Les plugins visual code.docx) 00:03:10
    • 4 - La transpilation 00:01:52
  • Premiers pas avec React
    • 1 - Présentation de notre application 00:04:32
    • 2 - Notre premier composant React 00:06:45
    • 3 - Afficher du contenu avec render() - En fin de video => (Voir fichier source : API Movie DB.docx ) 00:05:27
    • 4 - Les classes : Barre de recherche 00:08:12
    • 5 - Le state d'une classe 00:10:11
    • 6 - cycle de vie, props et map() 00:13:09
    • 7 - Props et map partie 2 00:03:40
    • 8 - Requête ajax avec Axios - Fichier (URL The Movie DB.docx) 00:11:46
    • 9 - Video detail - affichage d'une réponse Ajax 00:03:47
    • 10 - Video list et video list item 00:08:34
    • 11 - Récupération de la video youtube 00:06:21
    • 12 - Création et affichage du composant vidéo 00:03:14
    • 13 - CSS bootstrap en 10 minutes 00:11:46
    • 14 - Les callbacks 00:09:39
    • 15 - La recherche 00:10:09
    • 16 - Les recommendations 00:04:18
    • 17 - Bonus : une recherche à la google 00:05:25
  • Premiers pas avec Redux
    • 1 - Redux qu'est ce que c'est ? 00:04:02
    • 2 - Les reducers 00:04:58
    • 3 - User list : Le vrai role des containers 00:07:29
    • 4 - mapStateToProps : le pont entre React et Redux 00:03:55
    • 5 -Schéma : Les actions creators 00:05:35
    • 6 - Les actions et le mapDispatchToProps 00:07:51
    • 7 - UserDetail reducer 00:04:42
    • 8 - UserDetail container 00:05:44
    • 9 - Suivre le state de l'application visuellement : Redux Dev Tool 00:03:12
  • Projet React + Redux : Projet démographique
    • 1 - Présentation du projet 00:03:30
    • 2 - Middleware Redux Thunk : les actions asynchrones 00:07:39
    • 3 - Premiers Reducers 00:08:19
    • 4 - Actions getMortality() 00:08:05
    • 5 - Liste déroulante basée sur le state de l'application 00:06:36
    • 6 - L'opérateur de décomposition (spread operator) 00:06:26
    • 7 - Le composant drapeau 00:05:11
    • 8 - Le composant diagramme 00:03:41
    • 9 - List item 00:07:36
    • 10 - Finition de mortality list 00:12:56
  • Projet React + Redux : Projet boite à posts
    • 1 - Présentation du projet 00:03:15
    • 2 - Mise en place de l'API 00:06:34
    • 3 - Architecture 00:02:11
    • 4 - Squelette 00:03:49
    • 5 - Naviguer dans les URL : React Router 00:06:29
    • 6 - Passer des paramètres par l'URL : React Router 00:03:55
    • 7 - Les actions 00:07:41
    • 8 - Connecter notre liste 00:05:24
    • 9 - List item 00:04:41
    • 10 - Post content 00:01:26
    • 11 - Accéder aux post par l'URL 00:06:56
    • 12 - Les liens 00:02:13
    • 13 - Suppression d'un post 00:05:42
    • 14 - Les animations 00:06:41
    • 15 - Création de formulaire 00:08:53
    • 16 - Introduction à Redux Form 00:05:21
    • 17 - Utilisation de Redux Form 00:07:58
    • 18 - Soumettre un formulaire 00:05:08
    • 19 - Validation de formulaire 00:07:24
    • 20 - Filtrage des posts 00:06:29



Formateur : Robin Lebhar

Robin Lebhar a publié 1 tutoriel et obtenu une note moyenne de 3,8/5 sur 42 tutoriels vendus. Voir les autres formations de Robin Lebhar

3,8
note moyenne

6
avis laissés
5 étoiles
2
4 étoiles
3
3 étoiles
0
2 étoiles
0
1 étoile
1
  • 4
    avis de zyune laissé le 26/10/2017
    Très bon cours, quelques petites erreurs parfois dans le sens des vidéos

  • 5
    avis de membre-3799-853 laissé le 17/08/2017
    Un bon tuto bien complet pour débuter dans l'univers React, la partie Redux est ardue mais les différents projets permettent de bien voir la mise en œuvre.
    "Merci, C'est très apprécié, si jamais tu as des questions, je me ferai un plaisir d'y répondre !"

  • 5
    avis de kimoja laissé le 13/08/2017
    Super tuto, tout y est epliqué pour débuter sereinemet avec react et redux. La partie découverte de redux demandera quand même de si reprendre à plusieurs fois avant de bien comprendre le worflow.
    "Merci à toi Kimoja c'est bine apprécié ! Si jamais tu as des questions n'hésite pas !"

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


non, je ne veux pas me former gratuitement