Performance Optimization et Code Splitting dans React.js

Performance Optimization et Code Splitting dans React.js

0  
0 Évaluations sur 0 Apprenants

Par Fayçal Chebihi

Français

En cours de planification

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

Détails du cours en PDF

À propos de l'instructeur

Avatar image
Fayçal Chebihi

faycal.chebihi@openskillroom.com

Retour des Apprenants

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. Débutant
  • CertificateNon
  • Nombre maximum d'inscrits
  • Type de formation

Cours connexes

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

Related course image
Beautifoul Soup
Ahmed Zellou

2 730,00 DH
4 200,00 DH

Related course image
Flask
Ahmed Zellou

2 730,00 DH
4 200,00 DH

Plus de cours par Fayçal Chebihi

Card image cap
Débutant
Stratégies de migration vers le cloud : De la monolithique aux microservices
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Zero Trust Security pour les applications d'entreprise
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Event-Driven Microservices avec Kafka et Schema Registry
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Observabilité des architectures distribuées avec OpenTelemetry
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Design Patterns pour applications distribuées
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Intermédiaire
Architecture hexagonale avancée avec gestion des événements
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Intermédiaire
Architecture Serverless avec AWS Lambda et DynamoDB
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Avancé
Microservices event-driven avec Kafka et Spring Boot
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Hexagonal Architecture avancée avec Kotlin et Spring Boot
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Flutter : Optimisation des performances et réduction de la taille des applications
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Flutter avancé : Architecture modulaire avec Clean Architecture
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Flutter Animations complexes : Hero, Lottie et CustomPainter
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Flutter avancé : Gestion des états avec Riverpod et Freezed
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
React Native : Création d'une application cross-platform avec Expo et Firebase
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
React Native : Intégration d'API natives avec React Native et TypeScript
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
React Native : Animations avancées avec React Native Reanimated 2
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
React Native : Gestion avancée des états dans React Native avec MobX ou Recoil
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Server-Side Rendering (SSR) et SEO avec Next.js
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
React avancé : Tests unitaires et end-to-end avec Jest et Cypress
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Performance Optimization et Code Splitting dans React.js
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
State Management avancé avec Redux Toolkit et Middleware personnalisés
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
CQRS et Event Sourcing avec ASP.NET Core et MongoDB
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Développement multi-tenant avec ASP.NET Core
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Développement d'un système de synchronisation en temps réel avec SignalR et Redis
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Microservices avancés avec .NET Core
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
ASP.NET Core avancé : Développement d'une API sécurisée
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
SignalR avancé : Applications temps réel complexes avec ASP.NET Core
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
CI/CD avancé : Stratégies de déploiement Canary et Blue-Green
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Kubernetes avancé : Sécurisation des clusters et des workloads
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Optimisation des performances et des coûts dans Kubernetes
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Docker Swarm vs Kubernetes : Orchestration de conteneurs
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Pipeline CI/CD avancé avec GitHub Actions et Docker
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Kubernetes avancé : Gestion des workloads et configurations complexes
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Fullstack sécurisée : Implémentation OAuth2 et OpenID Connect avec Spring Security et Angular
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Développement d'applications réactives avec Spring WebFlux et Angular
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Gestion des transactions distribuées dans une architecture microservices avec Spring Boot et Kotlin
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Microservices Fullstack avec Spring Boot, Kotlin et Angular
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Angular avancé : Développement d'une SPA avec gestion des états complexes
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Card image cap
Débutant
Architecture avancée dans une application Spring Boot avec Kotlin
En cours de planification

Fayçal Chebihi -35%

0
(0)

2 730,00 DH
4 200,00 DH

Devenir enseignant, Partagez vos connaissances

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