Formation React 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 React 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 React.

Objectifs pédagogiques :

Concrètement, à l'issue de ce cours React 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 React 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 React 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 à React 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émantique
Formulaires accessibles
Contrôle du Focus
Élément de souris et du pointeur
Date de mise à jour du programme : 06/11/2023

Dates et lieux

Aucune session programmée actuellement.

Avis des participants à la formation React 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)."

 

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

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


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