$ 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. 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() 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 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 - 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 - Les middleware : Redux-Thunk 00:08:19
    • 3 - SearchBar et Reducer 00:08:05
    • 4 - Liste déroulante basée sur le state 00:06:36
    • 5 - Récupération des données 00:08:05
    • 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 4,0/5 sur 13 tutoriels vendus. Voir les autres formations de Robin Lebhar

4,0
note moyenne

1
avis laissé
5 étoiles
0
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 4
    avis de cid5420 laissé le 16/06/2017
    Bonne formation, cependant, je reste sur ma faim ! En effet, aujourd'hui avec cette formation je peux créer une application React, mais je suis incapable de communiquer avec une base de donnée (mysql...) Je sais que c'est pour débutants mais aujourd'hui, les applications ont besoin de donnée pour exister. Serait-il possible d'y avoir un contenu additionnel justement sur le sujet ?
    "Salut Cid, C'est prévu au programme même si ça ne rentre pas vraiment dans le cadre du tuto :) N'oublie pas que React et Redux c'est purement Front-end ce qui signifie que tout est vraiment dans ton navigateur. Ce dernier est absolument incapable de communiquer avec un MYSQL, ça c'est le job du serveur. Lui il peut être écris en PHP, en JAVA ou en Node.js par exemple pour rester dans le thème ! Et c'est lui qui communiquerai avec MYSQL. Du coté React mais surtout Redux tu ne verrai finalement que l"appel de ton serveur ( finalement une API) et ça c'est justement le Job de React et Redux :) Bye, si tu as des questions tu sais oú m’écrire !"

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


non, je ne veux pas me former gratuitement