Présentation du cours
React est une librairie JavaScript conçue pour créer des interfaces web et mobiles. Créé par Facebook en 2013, React s’est rapidement développé en un écosystème vaste et riche.
Cette formation rédigée par nos formateurs experts et encadrée par des GDE Web (experts reconnus par Google) va vous permettre d’aquérir les connaissances nécessaires pour développer et maintenir des applications et des bibliothèques de composants, ainsi que d’appréhender des librairies externes incontournables, comme react-router, react-query ou react-redux.
Nous n’aborderons pas la partie mobile et react-native.
Méthodes mobilisées : Ce cours alterne parties théoriques sous forme de lectures (slides), démos et parties pratiques sous forme de labs dirigés.
Objectifs pédagogiques
- Développer une application React
- Appréhender l’écosystème React et les différentes librairies externes
Modalités d’évaluation : Les objectifs pédagogiques sont évalués à travers la réalisation des parties pratiques (labs dirigés) sous la supervision du formateur délivrant la session de formation.
Public cible
- Développeur Frontend
- Développeur Backend NodeJS
Prérequis
- Avoir suivi le cours JavaScript Moderne ou avoir des connaissances équivalentes
Programme
Module 1: Introduction
- Découverte de l’application
- VirtualDom
- JSX
Module 2: Noeuds, éléments et composants
- Composants et arborescence de composants
- Props, children et composition
- Listes et affichage conditionnel
Ateliers:
- JSX et props
- Composants, composition et children
Module 3: Gestion d’état et événements
- State
- Event handlers
- Effects
- Fetch & React-query (basique)
Ateliers:
- State et event handlers
- useState
- affichage conditionnel et listes
- fetch & react-query
Module 4: Lifecycle & DOM
- Cycle de vie
- Refs et DOM
- Class Components
Ateliers:
- Class Components
Module 5: Hooks custom et HOC
- Custom hooks
- HOC
Ateliers:
- Custom Hook
- HOC
Module 6: Routing, context et Suspense
- History API & Client-side routing
- React-router
- Context
- Suspense
Ateliers:
- Navigation
- Context
Module 7: Formulaires
- Composants contrôlés et non contrôlés
- Formulaires
- React-hook-form/Formik
Ateliers:
- Forms
Module 8: Gestion d’états
- useReducer
- React-redux
- Thunk
- Redux-saga
- React-Query
Ateliers:
- React-redux
- Thunk
- React-query
Module 9: Bibliothèques de composants et testing
- Storybook
- React-testing-library
- Cypress
Ateliers:
- React-testing-library
- Cypress
Module 10: Débugger
- DevtoolS
Nos sessions de formations
Ce cours vous intéresse ?
Demandez un devis
personnalisée ? Contactez-nous