React et Redux par la pratique
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO React et Redux par la pratique

Codeconcept
18,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
React
Chapitre 2
Redux

Plan détaillé du cours

Chapitre 1 : React
1h26
 
Leçon 1Générer notre application React à l'aide de create-react-app
Leçon 2Installer l’extension React Developer Tools
Leçon 3Organisation de nos répertoires et choix d’un IDE
Leçon 4Création de notre composant racine
Leçon 5Utiliser notre composant App
Leçon 6Créer un composant enfant “Form”
Leçon 7Créer un composant enfant “ItemList”
Leçon 8Utiliser des composants enfants depuis un composant parent
Leçon 9'stateless functional components' et 'class based components'
Leçon 10Transformer un 'stateless functional component' en 'class based component'
Leçon 11Gérer les événements du DOM
Leçon 12Modifier l'état d'un composant
Leçon 13Modifier l'état d'un composant (suite)
Leçon 14Gérer la soumission du formulaire
Leçon 15Passer des données d'un composant parent vers un composant enfant
Leçon 16Ajouter un item à l'état du composant parent
Leçon 17Vider le formulaire après soumission
Leçon 18Passer les articles au composant ItemList
Leçon 19Afficher le contenu d'un tableau
Leçon 20La règle du parent unique dans du JSX
Leçon 21Ajouter (twitter) bootstrap
Leçon 22Importer des CSS dans un composant
Leçon 23Résumé de la partie React
Chapitre 2 : Redux
1h38
 
Leçon 1A quoi sert Redux ?
Leçon 2Premier principe de Redux
Leçon 3Deuxième principe de Redux
Leçon 4Troisième principe de Redux
Leçon 5Avec Redux, l'état est 'immutable' (non-modifiable)
Leçon 6Avec Redux, le store ne contient pas de logique
Leçon 7Créer un store Redux
Leçon 8Création de notre premier reducer
Leçon 9L'API de store
Leçon 10Responsabilité supplémentaire des ‘container components’
Leçon 11Faire le lien entre React et Redux à l'aide de 'React Redux'
Leçon 12Redux DevTools
Leçon 13Tester notre reducer
Leçon 14Connecter un “container component” à notre Redux store
Leçon 15MapStateToProps
Leçon 16Dispatcher des actions sans recourir à mapDispatchToProps
Leçon 17Exposer des actions via mapDispatchToProps
Leçon 18Action creators
Leçon 19Créer un composant “Article”
Leçon 20Modifier un article
Leçon 21Modifier un article (suite)
Leçon 22Modifier un article (fin)

Aperçus

Avis des apprenants

Détail des avis
79
Apprenants
1
Commentaire
4/5
Note moyenne
5/5
0
4/5
1
3/5
0
2/5
0
1/5
0
Jérôme Allegre
Jérôme Allegre
Publié le 30/04/2020
Formation intéressante pour comprendre les bases de Redux

Vos questions sur le cours

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.

Bonjour, Sur quel version de react se base ce tutoriel ? Bien cordialement

Bonjour, il est basé sur la 15.5.4 et porte sur le React "classique", c'est-à-dire sur les Class Components (CC) et Stateless Functional Component (SFC). Si vous êtes plutôt intéressé par les nouveautés de React (et connaissez donc déjà les CC et SFC de React), choisissez plutôt "Les React Hooks par la pratique". Bien cordialement.

Payer plus tard

Prix d'achat : 18,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données