JavaScript moderne avancé - Les datasets
JavaScript moderne avancé - Les datasets
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
React
Chapitre 2
Redux
Redux
Plan détaillé du cours
Chapitre 1 : React
1h26m
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
1h38m
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