Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation ReactJS, programmation avancée > Formations > Technologies numériques > Formation ReactJS, programmation avancée
Nouvelle édition du programme de la formation

ReactJS, programmation avancée

ReactJS, programmation avancée

Télécharger au format pdf Partager cette formation par e-mail


À l'origine simple outil interne de Facebook, React est devenue l'une des principales librairies JavaScript open source. Avec cette formation, vous approfondirez votre maîtrise de React, découvrirez les dernières nouveautés et l'écosystème indispensable pour concevoir des applications web encore plus perfectionnées.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : RJS
Prix : 2050 € HT
  3j - 21h
Pauses-café et
déjeuners offerts




À l'origine simple outil interne de Facebook, React est devenue l'une des principales librairies JavaScript open source. Avec cette formation, vous approfondirez votre maîtrise de React, découvrirez les dernières nouveautés et l'écosystème indispensable pour concevoir des applications web encore plus perfectionnées.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • 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

Public concerné
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).

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Programme de la formation

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.
Travaux pratiques
Mise en place d'un environnement de développement optimisé pour React et d'une première application web qui servira de fil rouge pour les chapitres suivants.

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.
Travaux pratiques
Amélioration de la qualité de l'application grâce au typage et aux tests automatisés.

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.
Travaux pratiques
Mise en œuvre des contexts et des portals dans l'application fil rouge. Création de composants fonctionnels et utilisation des hooks.

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.
Travaux pratiques
Conversion d'un formulaire à Redux Form et sauvegarde de la navigation.

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.
Travaux pratiques
Mise en œuvre du code splitting avec React.Lazy et Suspense.

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.
Travaux pratiques
Ajout de transition d'apparition/disparition des différents écrans.

L'internationalisation

  • Internationalisation versus localisation : différences et scénarios d'utilisation.
  • Les principales librairies d'internationalisation.
  • Intégration dans React et Redux.
Travaux pratiques
Traduction de l'application fil rouge et gestion du changement de langue.


Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.


Avis clients
4,7 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
PASCAL L.
02/11/21
5 / 5

Le formateur a su adapter parfaitement le contenu aux attentes des participants.
EMMANUEL L.
02/11/21
5 / 5

Formation très intéressante mais très dense.
BASLE N.
04/10/21
3 / 5

Cette formation permet de découvrir les dernières librairies pour react-avance, les optimisations, redux.




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Pour vous inscrire, sélectionnez la ville et la date de votre choix.
Du 31 janvier au 2 février 2022 *
Classe à distance
Session garantie
S’inscrire
Du 27 au 29 avril 2022 *
Classe à distance
Session garantie
S’inscrire
Du 27 au 29 avril 2022
Paris La Défense
S’inscrire
Du 11 au 13 juillet 2022
Paris La Défense
S’inscrire
Du 11 au 13 juillet 2022
Classe à distance
S’inscrire
Du 28 au 30 novembre 2022
Classe à distance
S’inscrire
Du 28 au 30 novembre 2022
Paris La Défense
S’inscrire