REACT JS Avancé

Inter and intra-company training

Who is the training for?

All public

Level reached

Advanced

Duration

2,00 day(s)

Language(s) of service

FR

Goals

  • 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.

Contents

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.
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.
L’internationalisation
  • Internationalisation versus localisation: différences et scénarios d’utilisation.
  • Les principales librairies d’internationalisation.
  • Intégration dans React
Travaux pratiques
  • Traduction de l’application fil rouge et gestion du changement de langue.

Teaching methods

Notre savoir-faire nous a permis de développer une méthode pédagogique spécifique basée sur la pratique et utilisée par tous nos formateurs. Notre méthode est construite autour de 2 piliers : l’expertise du formateur et l’analyse du besoin du participant.

Certificate, diploma

Une attestation de présence peut être délivrée à la demande du participant en fin de formation.

Organization contact details

Laurent Piquet

These courses might interest you