REACT JS avancé

How long does the training course last?

2,00 day(s)

When will the next session take place?

Who is organising this training course?

Depuis 1986, les entreprises qui nous font confiance trouvent chez Key Job une solution complète de formations. Ces formations sont axées sur 2 piliers : un pilier informatique et un pilier bonnes pratiques. Pour l'informatique nous proposons une gamme de formations qui passe des cours bureautiques traditionnels, aux systèmes multimédias en passant par des cours techniques de haut niveau. En tant que chef de file pour son panel de formations, Key Job développe continuellement son offre de services afin d’offrir une réponse adaptée aux besoins évolutifs de ses clients. Une expertise pédagogique pour valoriser vos compétences. Notre savoir-faire en matière de formation 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.

The content of this page is not available in English

What are the aims or the skills being targeted?

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.

What does the training course cover?

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.

What teaching methods are used?

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.