React

• Développer une application React
• Appréhender l’écosystème React et les différentes librairies externes

• Développeur Frontend
• Développeur Backend NodeJS

• Avoir suivi le cours JavaScript Moderne ou avoir des connaissances équivalentes

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