Formation ReactJS

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.