React

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

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.

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