Formation ReactJS
Publié le
23 sept. 2021
Objectifs de la formation
Faire acquérir aux participants les connaissances des mécanismes de base de ReactJS ainsi que d’ECMA.
Description de la formation
Le contenu est régulièrement mis à jour afin de correspondre aux dernières bonnes pratiques Javascript. L’accent est mis sur les nouvelles bonnes pratiques ainsi que le « JS Next » La formation est appuyée par une pratique intensive de React et de ses outils. Le support de formation est un projet complet où l’accent est mis sur l’architecture et les bonnes pratiques.
Programme
Présentation
-KNP Labs
- ReactJS
- Knoodle
Le premier composant
- Bootstrap de projet
- Découverte de la structure du répertoire
- Qu’est-ce qu’un “component” ?
- Utilisation de JSX
Rendre un "component"
- Faire communiquer les composants
- Les props
- Jouons avec les props
Installer des librairies
- Import / Export
- Styliser des components
- Comprendre ce qu'est un bundler
- Bundler l'application
- Les bonnes pratiques
React et les "composants de control"
- Découvrir le state
- Binder des events
- Faire communiquer les composants
Soyons sûrs, typons nos composants
- Découvrir les PropTypes
- Appliquer des PropTypes
- Organiser ses composants
Les "Side Effects"
- Installation et utilisation d'une API REST HTTP
- Découvrir les "lifecycle callbacks"
- Mettre en place des appels HTTP avec les "Promises"
- Le "State Hell Cascading"
Découvrir Redux
- Mise en place de Redux
- State, Action et Reducer
- Le Store
- Les "High Order Components" à la rescousse
- Utilisation de Containers / Presentational components
- Le 'Duck Module Export"
- Réorganisons notre projet
Redux et les "Side Effects"
- Découvrir Redux Thunk
- Réécriture du "state" avec redux thunk
- Gestion des "Promises"
Pratique: Créer un
- Mettre en place les connaissances acquises
- Création du
- Création de la
- Création des
Bonus: Maîtriser le temps avec RxJS !
- Découvrir les Observables
-Réécrire nos "side-effect" - Réécrire nos "side-effect"
Prérequis
Les prérequis sont un ordinateur portable (linux de préférence) avec connexion internet et NodeJS/NPM (>= v5.0).
Plus généralement, si la formation se déroule dans les locaux du client, il est demandé qu'une salle permettant d'accueillir l'ensemble des participants ainsi que le formateur soit réservée pendant l'intégralité de la durée de la formation. Un moyen de présentation écran (projecteur ou téléviseur plat de grande taille) devra être présent dans cette salle afin de permettre aux participants de visualiser l'écran du formateur. Un paperboard ou tableau effaçable seront également appréciés.
Matériel pédagogique fourni
Le formateur distribuera le support de la formation au format électronique PDF à la fin de la formation.
Informations budget
- 3 jours (21 heures)
- Intra-entreprise : nous nous déplaçons chez vous pour former votre équipe (3 ~ 8 participants) 4200 € HT + frais (déplacement, hébergement, etc.)
- Inter-entreprises : inscrivez-vous aux sessions que nous organisons à Nantes ou ailleurs ! 1490 € HT par personne
Mais comment financer ma formation ?
Nous sommes datadockés, ainsi votre formation peut être prise en charge par votre OPCO en totalité (ou partiellement selon votre budget formation disponible) ! Renseignez-vous auprès de votre OPCO pour une prise en charge partielle ou totale du coût de la formation. En cas de subrogation, pas d'avance de trésorerie, KNP Labs peut facturer directement votre OPCO !
Si vous avez des doutes ou des besoins particuliers, vous pouvez contacter Amandine, notre responsable formations => hello@knplabs.com.
Commentaires