SFEIR InstituteREACT

React

3 jours / 21h

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.

Objectifs pédagogiques

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

Public cible

  • Développeur Frontend
  • Développeur Backend NodeJS

Prérequis

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

Lieu de formation :
Dates
10/07/24 Distanciel S'inscrire
21/08/24 Distanciel S'inscrire
25/09/24 Distanciel S'inscrire
16/10/24 Distanciel S'inscrire
20/11/24 Distanciel S'inscrire
18/12/24 Distanciel S'inscrire

Ce cours vous intéresse ?

Lieu de formation :
Dates
10/07/24
Distanciel S'inscrire
21/08/24
Distanciel S'inscrire
25/09/24
Distanciel S'inscrire
16/10/24
Distanciel S'inscrire
20/11/24
Distanciel S'inscrire
18/12/24
Distanciel S'inscrire
1
Inter : 1500 € HT / participant

Aide au financement

Organiser une session de Groupe
Demandez un devis
Organiser une session dédiée
à votre organisation
Votre société à besoin d'une offre
personnalisée ? Contactez-nous