React et Redux par la pratique
Devenir opérationnel rapidement en développement React et Redux
Voir la bande annonce
Si Redux peut être utilisé avec du JavaScript pur (vanilla JavaScript) ou avec Angular, Redux est 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 deux compétences qui seront fréquemment demandées pour un poste de développeur Front spécialisé sur React.
Grâce à React et Redux par la pratique, dévenez 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.
Votre formateur
Développeur web depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), dirigeant de la société rennaise Code Concept spécialisée en formation JavaScript Front, Back et mobiles hybrides, Samir Medjdoub a eu comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie, il a ainsi pris la vague Angular 2 dès les versions bêta en 2015, celle de Node.js il y a sept années de cela et a eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. Il a toujours cru que comparaison était raison et a porté une égale attention à React et Redux dès 2015, puis Vue.js en 2016. Meteor et désormais Svelte.js sont les outsiders qui retiennent régulièrement son attention.
Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : les formations de la société Code Concept vous aideront à investir efficacement dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2024 !
Programme de la formation
-
PrévisualiserGénérer notre application React à l'aide de create-react-app (4:32)
-
PrévisualiserInstaller l’extension React Developer Tools (1:42)
-
PrévisualiserOrganisation de nos répertoires et choix d’un IDE (2:02)
-
PrévisualiserCréation de notre composant racine (4:11)
-
CommencerUtiliser notre composant App (4:40)
-
CommencerCréer un composant enfant “Form” (4:02)
-
CommencerCréer un composant enfant “ItemList” (1:39)
-
CommencerUtiliser des composants enfants depuis un composant parent (2:28)
-
Commencer'stateless functional components' et 'class based components' (1:51)
-
CommencerTransformer un 'stateless functional component' en 'class based component' (4:29)
-
CommencerGérer les événements du DOM (5:33)
-
CommencerModifier l'état d'un composant (4:28)
-
CommencerModifier l'état d'un composant (suite) (1:54)
-
CommencerGérer la soumission du formulaire (4:05)
-
CommencerPasser des données d'un composant parent vers un composant enfant (5:46)
-
CommencerAjouter un item à l'état du composant parent (9:10)
-
CommencerVider le formulaire après soumission (1:46)
-
CommencerPasser les articles au composant ItemList (1:46)
-
CommencerAfficher le contenu d'un tableau (6:47)
-
CommencerLa règle du parent unique dans du JSX (1:46)
-
CommencerAjouter (twitter) bootstrap (1:33)
-
CommencerImporter des CSS dans un composant (4:42)
-
CommencerRésumé de la partie React (5:00)
-
CommencerA quoi sert Redux ? (1:18)
-
CommencerPremier principe de Redux (0:49)
-
CommencerDeuxième principe de Redux (3:54)
-
CommencerTroisième principe de Redux (5:10)
-
CommencerAvec Redux, l'état est 'immutable' (non-modifiable) (4:02)
-
CommencerAvec Redux, le store ne contient pas de logique (1:13)
-
CommencerCréer un store Redux (5:16)
-
CommencerCréation de notre premier reducer (11:24)
-
CommencerL'API de store (0:47)
-
CommencerResponsabilité supplémentaire des ‘container components’ (0:56)
-
CommencerFaire le lien entre React et Redux à l'aide de 'React Redux' (2:24)
-
CommencerRedux DevTools (1:53)
-
CommencerTester notre reducer (5:22)
-
CommencerConnecter un “container component” à notre Redux store (7:08)
-
CommencermapStateToProps (7:09)
-
CommencerDispatcher des actions sans recourir à mapDispatchToProps (2:58)
-
CommencerExposer des actions via mapDispatchToProps (7:44)
-
CommencerAction creators (1:49)
-
CommencerCréer un composant “Article” (4:53)
-
CommencerModifier un article (5:02)
-
CommencerModifier un article (suite) (8:09)
-
CommencerModifier un article (fin) (9:25)