Openskillroom

Ce que vous apprendrez ?

Analyser un profil de performance d'une application React et proposer au moins deux optimisations basées sur les données obtenues.
Optimiser une application React pour obtenir une note de performance de 90 % ou plus selon les outils de mesure de performance tels que Lighthouse.
Comparer et contraster au moins deux stratégies de code splitting pour une application React donnée en termes d'impact sur la taille du bundle et les performances.
Implémenter le code splitting à l'aide de `React.lazy` et `Suspense` dans une application React existante pour améliorer les temps de chargement.
Identifier et résoudre au moins trois goulots d'étranglement de performance courants dans une application React.js.

Prérequis

Compréhension de base de JavaScript (ES6+). Familiarité avec les concepts de React.js, incluant les composants, le state et les props. Expérience avec la création et la gestion de projets React. Connaissance des outils de développement de navigateur (console, debugger). Compréhension de base du fonctionnement du DOM. Capacité à lire et comprendre du code React existant. Connaissance de base des outils de build comme Webpack ou Parcel (un avantage). Familiarité avec les concepts de performance web (temps de chargement, rendu). Aptitude à la résolution de problèmes et à l'analyse de code. Motivation à apprendre et à expérimenter avec de nouvelles techniques.

Contenu de la Formation

Total: 16 Chapitres Total hours: 9

Introduction to React Performance
Identifying Performance Bottlenecks
Optimizing Component Rendering (shouldComponentUpdate, memo)
Virtual DOM and Reconciliation

UseEffect Hook Optimization
Memoization Techniques (useMemo, useCallback)
Lazy Loading Components
Code Splitting Fundamentals

React.lazy and Suspense
Dynamic Imports
Code Splitting with Webpack
Route-Based Code Splitting

Advanced Code Splitting Strategies
Optimizing Chunk Sizes
Pre-fetching and Pre-loading
Performance Measurement and Analysis

À TÉLÉCHARGER

À propos de l'instructeur

0 Instructor Avis
3 Avis
40 Cours
Voir tous les cours.

Fayçal Chebihi

faycal.chebihi@openskillroom.com

Voir plus Voir Moins

Retour des Apprenants

0

(0) Évaluation du cours

5 stars

0.00%

4 stars

0.00%

3 stars

0.00%

2 stars

0.00%

1 stars

0.00%

Avis

Pour ajouter un avis sur le cours, vous devez d'abord vous connecter. Connectez-vous ici

course-img

Aperçu de ce cours

2730 DH 35% off

4 days Restant à ce prix !

Caractéristiques du cours

Durée 9 hour
Language Français
Niveau de compétence.
CertificateNon
Nombre maximum d'inscrits
Type de formation

Cours connexes

Related course image

React avancé : Tests unitaires et end-to-end avec Jest et Cypress

Fayçal Chebihi

2 730,00 DH
4 200,00 DH

Related course image

HTML/CSS

Ahmed Zellou

2 730,00 DH
4 200,00 DH

Related course image

RDF et sparql

Ahmed Zellou

2 730,00 DH
4 200,00 DH

Related course image

Programmation des services web

Ahmed Zellou

2 730,00 DH
4 200,00 DH

Related course image

XML de base

Ahmed Zellou

2 730,00 DH
4 200,00 DH

Devenir enseignant, Partagez vos connaissances

Rejoignez OpenskillRoom, la plateforme de formations synchrones qui valorise votre expertise.