> formation Technologies numériques > formation Technologies Web > formation Développement Front-End > formation ReactJS, programmation avancée

Avis loadedNote : 4,7Length : 26TotalNote : 485TotalNote20 : 20
Toutes nos formations Développement Front-End

Formation ReactJS, programmation avancée

4,7 / 5
Stage pratique
Nouvelle édition
Durée : 3 jours
Réf : RJS
Prix  2021 : 2050 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis clients
Programme

À 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
PROGRAMME DE 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.

Participants / Prérequis

» Participants

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).
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis clients
picto avis clients
PIERRE M. 07/06/2021
5 / 5
MAGNIFIQUE ! Le contenu et la pédagogie étaient parfaitement adaptées pour apprendre dans les meilleures conditions.

NICOLAS P. 07/06/2021
5 / 5
formation riche en contenu, très bon formateur pédagogue et dynamique !

FRANCOIS HENRY V. 07/06/2021
5 / 5
Contenu très dense et formateur très pédagogue

ETIENNE P. 07/06/2021
5 / 5
tout est très bien structuré, les cours sont clairs, les exemples précis. Les TPs sont également bien tournés, à la fois guidés pour ne pas se perdre et libre pour réfléchir aux possibilités. Petit plus, les TP "libres" avec plusieurs sujets au choix permettent vraiment de s’adapter à ce qui nous intéresse le plus.

CHRISTOPHE R. 07/06/2021
5 / 5
Très bien

AURELIEN L. 07/06/2021
5 / 5
Ayant un degré de connaissance de React limité et étant dans une formation "avancée", je trouve que chaque sujet est bien abordé par une bonne explication théorique suivie d’une mise en pratique pertinente. Un support pdf encore un peu plus détaillé aurait été parfait (mais probablement superflu pour certains ayant de solide bases)

BRUNON S. 07/06/2021
5 / 5
Super formation et formateur ! Très clair dans les explications. Je pense que je serai beaucoup plus à l’aise pour les projets React qui arrivent

ROMÉAS A. 07/06/2021
5 / 5
Très clair, exhaustif, dynamique. L’approche va à l’essentiel et une mise en pratique suit immédiatement. Dès qu’on est bloqué on reçoit de l’aide. Super formation.

ADRIEN R. 07/06/2021
5 / 5
Tout est cool! Très bonne pédagogie du formateur très à l’aise avec son sujet et sur la manière de l’expliquer. Bon rythme, bonne présence (surtout pour de la formation à distance), bravo à lui.

JOANNE T. 21/04/2021
5 / 5
J’ai beaucoup aimé le fait que le professeur aille dans les détails : cela peut paraître très théorique de prime abord, mais au final ça permet vraiment de comprendre les choses, les intérêts de prendre telle ou telle librairie etc... C’était vraiment une formation utile, ou en ressortant, on a appris des choses. De plus, le support (slides) est très détaillé, ce qui est très utile pour s’exer

RÉMY H. 21/04/2021
5 / 5
Tout est bien expliqué, le formateur explique pourquoi il faut faire comme ça et pas autrement. Les diapositives de la formation sont très bien. Il partage son avis personnel, c’est appréciable :)

BASTIEN R. 21/04/2021
5 / 5
C’était top, le seul point négatif est qu’il y avait un peu trop de personnes avec des niveaux différents lors de la formation.

SYLVAIN V. 17/03/2021
5 / 5
Rappel des concepts plusieurs fois le temps de la formation : c’est bien d’insister.

ERIC C. 17/03/2021
5 / 5
Très bonne maitrise du sujet par le formateur, capable de nous présenter les choses avec la hauteur attendue. A l’écoute des participants, il a su s’adapter au niveau hétérogène des participants. Les sujets importants ont tous été abordés. La petite pointe d’humour au bon moment.

XAVIER W. 17/03/2021
4 / 5
Très bon formateur. Il parvient à maintenir le contact et l’attention des « formés » à tous moments ce qui n’est pas rien sur une formation hybride de 3 jours. J’aurais aimé pouvoir suivre le déroulement du cours dans le support pour m’y rattacher au besoin et déjà l’avoir vu pour le connaitre et y revenir facilement après la formation Ceci dit, je partais de très loin et je pense avoir pluto

MATTHIEU A. 17/03/2021
4 / 5
rien à redire

CEDRIC B. 17/03/2021
4 / 5
Manque de mise en application, ou application un peu succinte

CÉDRIC D. 17/03/2021
4 / 5
Très bonne animation.

PIERRICK B. 17/03/2021
5 / 5
Très bon formateur, disponible et à l’écoute pour répondre à nos questions. Merci !

GEORGE C. 25/01/2021
5 / 5
Beaucoup des sujets touchés et bien expliqués, avec des examples pratiques

GRÉGOIRE G. 14/12/2020
3 / 5
Beaucoup de temps perdu: - reproduction de tutoriels en lignes trop souvent - des dizaines de minutes de perdues sur des problèmes annexes (ex: formattage de dates en JS) - tjrs 10 minutes de retard avant les début des cours

BRUNO C. 14/12/2020
4 / 5
Tres interessant mais beaucoup de sujets abordes. Cela donne un bon apercu des technologies. Tres bon formateur.

PASCAL C. 14/12/2020
5 / 5
Formateur captivant et qui s’implique beaucoup

FLORIAN R. 14/12/2020
5 / 5
Intense mais très riche en informations

SOUFFEZ . 14/12/2020
5 / 5
Cette formation est vraiment incroyable ;-) Formation très bien menée, très dynamique.Excellente qualité et variété des exercices

MOHAMED A. 14/12/2020
5 / 5
- Bonne pédagogie de la part de Thomas - Bon équilibre TP-cours - Bonne ambiance de travail
Avis clients 4,7 / 5

Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.