Formation ReactJS Avancé

5 sur 5 étoiles

5 étoiles
100%
4 étoiles
0%
3 étoiles
0%
2 étoiles
0%
1 étoile
0%
Voir les 5 avis
(5 avis)
Durée 3 jours
Niveau Avancé
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence REJA
Éligible CPF Non

Cette formation ReactJS Avancé vous permet d’approfondir votre expertise de React et de découvrir ses dernières nouveautés. Les travaux pratiques réalisés sur la base d’un projet fil rouge vous feront découvrir l’écosystème nécessaire à la conception d’applications Web encore plus optimisées. Vous sortirez de cette formation avec de solides connaissances sur React et ses bonnes pratiques de développement.

Objectifs opérationnels :

Maîtriser les concepts avancés de ReactJS.

Objectifs pédagogiques :

Concrètement, à l'issue de ce cours ReactJS Avancé, vous serez en mesure de :

  • Améliorer la qualité de votre code pour une meilleure maintenance
  • Optimiser et mettre en œuvre les bonnes pratiques du développement d’applications React
  • Connaître et appliquer les techniques et designs patterns avancés
  • Optimiser les performances
  • Connaître les technologies autour de React

Public :

Cette formation ReactJS Avancé cible principalement les développeurs informatiques, les architectes logiciel, les consultants ainsi que chefs de projet proches du développement et les développeur web.

Prérequis :

Pour suivre cette formation ReactJs Avancé dans de bonnes conditions, il est nécessaire d'avoir de bonnes connaissances en JavaScript et Asynchrone ainsi qu'en POO et en React ou React Native.
Avoir suivi la formation ReactJS : Développement Web (réf. REJS) est fortement conseillé.

Introduction à ReactJS Avancé

Rappels sur ES6+ et les modules
Les principes clés de React : VirtualDOM, JSX, One Way Data Flow
Les outils de débogage
Les bonnes pratiques pour structurer un projet
Les nouveautés de React 18

Bonnes pratiques de développement

Rappels prop-types et defaultProps
Passer de flow à TypeScript
Mettre en place des tests unitaires et fonctionnels
Clean Code
Nommage des variables / fonctions / composants 
Bonnes pratiques de développement

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 Context
Techniques avancées de la méthode render : Fragments et render props

Redux avancé

Rappels Redux : les entités, la syntaxe et l’intégration avec React
Redux Toolkit
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
La bibliothèque Redux-Saga

La programmation réactive

Principe
RxJS

Nouveautés React : Context et les hooks pour remplacer Redux

Présentation
State Hook
Effect Hook
Règles pour les Hooks
Construire son hooks
Remplacer Redux avec le context et les hooks
Hook useREf
Hook useMemo

Optimisation des performances

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 à l’aide d’animations et transitions CSS
Simplifier le travail avec react-transition-group
Comparatif et exemples de mise en œuvre

L’internationalisation

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

Les technologies autour de React et React Native

Du REST au GraphQL
Créer une application « server-side » avec Next.js
Le CSS avec « styled-components »
Les concurrents de React Native : Ionic, Xamarin
Gatsby

SEO

Le fichier Robots.txt
Les indicateurs de performance de Google
Les balises meta
Pre-rendering
Rendu côté serveur

Accessibilité

Présentation WCAG / WAI-ARIA
HTML sémentique
Formulaires accessibles
Contrôle du Focus
Element de souris et du pointeur

Dates et lieux

Du 04 au 06 septembre 2023
Lieu
Distanciel
Durée
3 jrs
1900 € HT
Du 04 au 06 septembre 2023
Lieu
Paris
Durée
3 jrs
1900 € HT

Avis des participants à la formation ReactJS Avancé

Note moyenne de 5/5(5)

Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.

SMITH Eric
5/5

Mon avis sur le contenu du stage :

"Formation très adapté a mes besoins ayant déjà une bonne expérience de React JS."

Mon avis sur le formateur :

"J'ai apprecié l'expérience professionnel de l'animateur."

Ce que j'ai le plus apprécié :

"La place disponible (nous n'étions que 2)."

 

PR
5/5

Mon avis sur le formateur :

"Le formateur a parfaitement su s'adapter aux exigences d'un nouveau plan de formation souhaité en amont par nos référents."

HS
5/5

Mon avis sur le contenu du stage :

"Manque de pratique. Une bonne partie des schémas devraient être intégrés au support."

TA
5/5

Mon avis sur le formateur :

"Très pédagogue, maîtrise parfaitement son sujet et vulgarise bien avec des explications visuelles."

AI
5/5

Mon avis sur le formateur :

"Notre formateur a réussi à réorganiser tout son programme dès la première heure, en s'ajustant à nos attentes de contenu, puis tout au long de la formation. Le niveau technique était progressif mais suffisamment élevé. L'approche pédagogique était très pertinente, avec des exemples et illustrations parlants."


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB