Formation

ReactJS – Maitriser le framework JavaScript de Facebook

Référence: DEV29

3
Jours
21
Heures
1380
Euros (HT)

Caractéristiques

S'inscrire à la formation

Formulaire d'inscription

Date de la formation

Voir le calendrier

Lieu

Site de Metz :
JCD FORMATION
193 rue Metman
57070 METZ
03 87 37 97 70

Site de Pompey :
KAPEDIA
132 Rue Léonard de Vinci
54340 POMPEY
03 83 49 80 80

Formation accessible à distance La formation est accessible à distance.

Logo personne à mobilité réduites La formation est accessible aux personnes à mobilité réduite et toute demande d’adaptation peut être étudiée en amont de la formation en fonction du besoin des personnes. Nous contacter pour plus d’informations.

Public/Prérequis

Public : Développeurs web, architectes

Prérequis : Une première expérience concrète avec React et Redux et/ou avoir suivi la formation "ReactJS, maîtriser le framework JavaScript de Facebook" (Réf. TJS).

Méthodes et moyens pédagogiques

Pédagogie active, avec alternance de phases théoriques et d’exercices pratiques.
Ces derniers permettent une utilisation immédiate et quotidienne des outils proposés.

Validation

Attestation de stage

Profil intervenant

Formateur expert dans le domaine

Suivi et évaluation de l’action

Compte rendu de fin de formation et analyse interne.
Questionnaire « évaluation de la formation » rempli par le stagiaire.

Objectifs

Comprendre les concepts avancés de React
Optimiser les performances des applications et l’expérience utilisateur
Améliorer la qualité du code produit
Intégrer les différentes librairies externes incontournables

Vous pourriez être intéressé

Caractéristiques

S'inscrire à la formation

Formulaire d'inscription

Date de la formation

Voir le calendrier

Lieu

Site de Metz :
JCD FORMATION
193 rue Metman
57070 METZ
03 87 37 97 70

Site de Pompey :
KAPEDIA
132 Rue Léonard de Vinci
54340 POMPEY
03 83 49 80 80

Formation accessible à distance La formation est accessible à distance.

Logo personne à mobilité réduites La formation est accessible aux personnes à mobilité réduite et toute demande d’adaptation peut être étudiée en amont de la formation en fonction du besoin des personnes. Nous contacter pour plus d’informations.

Public/Prérequis

Public : Développeurs web, architectes

Prérequis : Une première expérience concrète avec React et Redux et/ou avoir suivi la formation "ReactJS, maîtriser le framework JavaScript de Facebook" (Réf. TJS).

Méthodes et moyens pédagogiques

Pédagogie active, avec alternance de phases théoriques et d’exercices pratiques.
Ces derniers permettent une utilisation immédiate et quotidienne des outils proposés.

Validation

Attestation de stage

Profil intervenant

Formateur expert dans le domaine

Suivi et évaluation de l’action

Compte rendu de fin de formation et analyse interne.
Questionnaire « évaluation de la formation » rempli par le stagiaire.

Logo Qualiopi Logo NF

Programme

Introduction

  • Rappels sur ES6+ et les modules.
  • Les principes clés de React : VirtualDOM, JSX, One-way Data Flow.
  • Découvrir l’écosystème des outils ReactJS.

Bonnes pratiques de développement

  • Rappels de productivité : prop-types et DefaultProps, component sheet avec StoryBook.
  • Typage du code avec flow ou TypeScript.
  • Prototyper rapidement un composant, solutions.
  • Mettre en place des tests unitaires et fonctionnels.

Techniques et design patterns avancés

  • Le pattern des higher order components (HOC).
  • Le rendu dans des éléments DOM distants avec les portals.
  • Injection de dépendances avec les contexts.
  • « React hooks » programmation fonctionnelle : useEffect, useState.
  • React : création de « customHooks » pour distribuer une logique personnalisée.

Redux avancé

  • Rappels Redux : les différentes entités, la syntaxe de base et l’intégration avec React.
  • Simplifier et optimiser la création de formulaires avec Redux Form.
  • Améliorer l’expérience utilisateur grâce à Redux Persist et au stockage local du state.
  • Créer un middleware Redux Custom.

Optimisation des performances

  • API pour l’optimisation React.Suspense React.Lazy, mode concurrent et React.Cache.
  • Server side rendering avec NextJS.
  • Comment optimiser le cycle de vie des composants ?
  • Utiliser l’immutabilité pour accélérer et simplifier les traitements.
  • Les composants purs.

Animations/transitions

  • Animer les composants « à la main » à l’aide d’animations et transitions CSS.
  • Simplifier le travail avec React Transition Group.
  • Aller plus loin avec les principales librairies d’animation : comparatif et exemples de mise en œuvre.

L’internationalisation

  • Internationalisation versus localisation : différences et scénarios d’utilisation.
  • Les principales librairies d’internationalisation.
  • Intégration dans React et Redux.