$ 19.00

Tuto React et Redux par la pratique avec React, Redux, JavaScript

$ 19.00

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

Si Redux peut être utilisé avec du JavaScript pur (vanilla JavaScript) ou avec Angular, il est également fréquemment utilisé avec React. D'où l'association faite entre ces deux librairies dans l'esprit de nombreux développeurs et recruteurs.

Ainsi, React et Redux sont 2 compétences qui seront fréquemment demandées pour un poste de développeur Front spécialisé sur React. 
Grâce à cette formation React et Redux par la pratique, devenez opérationnel rapidement. 
Que vous soyez jeune diplômé, ou freelance connaissant Angular et souhaitant pouvoir postuler sur des missions React : cette formation est faite pour vous !
 

Au programme de cette formation React et Redux par la pratique 

Grâce à cette formation en ligne, vous allez apprendre à articuler React et Redux en quelques heures à peine.
Nous verrons notamment comment :

  • Connecter les bons components au store,
  • Mapper le state de Redux aux props de React,
  • Dispacher les actions de diverses façons, notamment via les props de React,
  • Maîtriser des plugins React et Redux pour faciliter vos développements futurs.

Je vous invite à jeter un oeil sur la table des matières pour avoir tout le programme de ce cours en ligne.

Seul, vous allez batailler des heures pour faire collaborer ces 2 technos. Cette formation vous fera gagner temps et énergie considérable !
Pas besoin de connaissance préalable de React ou de Redux, tout est expliqué de A à Z !

Je reste disponible pour répondre à vos éventuelles questions sur la formation.
C'est parti !

Table des matières de cette formation React, Redux, JavaScript (durée : 3h05m)

  • React
    • Générer notre application React à l'aide de create-react-app gratuit 00:04:33
    • Installer l’extension React Developer Tools gratuit 00:01:42
    • Organisation de nos répertoires et choix d’un IDE gratuit 00:02:03
    • Création de notre composant racine gratuit 00:04:12
    • Utiliser notre composant App 00:04:41
    • Créer un composant enfant “Form” 00:04:03
    • Créer un composant enfant “ItemList” 00:01:40
    • Utiliser des composants enfants depuis un composant parent 00:02:28
    • 'stateless functional components' et 'class based components' 00:01:51
    • Transformer un 'stateless functional component' en 'class based component' 00:04:29
    • Gérer les événements du DOM 00:05:34
    • Modifier l'état d'un composant 00:04:29
    • Modifier l'état d'un composant (suite) 00:01:55
    • Gérer la soumission du formulaire 00:04:06
    • Passer des données d'un composant parent vers un composant enfant 00:05:47
    • Ajouter un item à l'état du composant parent 00:09:11
    • Vider le formulaire après soumission 00:01:46
    • Passer les articles au composant ItemList 00:01:47
    • Afficher le contenu d'un tableau 00:06:47
    • La règle du parent unique dans du JSX 00:01:46
    • Ajouter (twitter) bootstrap 00:01:34
    • Importer des CSS dans un composant 00:04:42
    • Résumé de la partie React 00:05:01
  • Redux
    • A quoi sert Redux ? 00:01:18
    • Premier principe de Redux 00:00:50
    • Deuxième principe de Redux 00:03:55
    • Troisième principe de Redux 00:05:10
    • Avec Redux, l'état est 'immutable' (non-modifiable) 00:04:03
    • Avec Redux, le store ne contient pas de logique 00:01:14
    • Créer un store Redux 00:05:17
    • Création de notre premier reducer 00:11:25
    • L'API de store 00:00:48
    • Responsabilité supplémentaire des ‘container components’ 00:00:57
    • Faire le lien entre React et Redux à l'aide de 'React Redux' 00:02:24
    • Redux DevTools 00:01:53
    • Tester notre reducer 00:05:23
    • Connecter un “container component” à notre Redux store 00:07:09
    • MapStateToProps 00:07:09
    • Dispatcher des actions sans recourir à mapDispatchToProps 00:02:58
    • Exposer des actions via mapDispatchToProps 00:07:44
    • Action creators 00:01:50
    • Créer un composant “Article” 00:04:54
    • Modifier un article 00:05:02
    • Modifier un article (suite) 00:08:10
    • Modifier un article (fin) 00:09:26



Formateur : Codeconcept

Codeconcept a publié 15 tutoriels et obtenu une note moyenne de 4,7/5 sur 44 tutoriels vendus. Voir les autres formations de Codeconcept

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    React , Redux , JavaScript
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code source de l'application React utilisant Redux que nous créerons ensemble.
  • Faut-il déjà connaître les bases de React et/ou Redux pour suivre ce tuto ?
    Non, vous pouvez être totalement débutant(e) en React et en Redux. Il faut simplement avoir des bases en HTML et évidemment en JavaScript.
accédez à plus de 1100 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données