Article original : How to Optimize React

React facilite la création d'interfaces utilisateur, mais construire des applications React rapides est une compétence différente.

Nous venons de publier un cours pratique sur l'optimisation des performances React dans le monde réel sur la chaîne YouTube freeCodeCamp.org. Vous apprendrez comment React effectue réellement le re-rendu, pourquoi votre application ralentit et quels modèles de performance comptent vraiment en production. Tapas a créé ce cours.

Cette vidéo explique quoi optimiser, quand optimiser et comment le faire correctement.

Voici les sections de ce cours :

  • Modèles de performance

  • Que contient la partie 1 ?

  • Re-rendu dans React

  • Mémoisation

  • La fonction memo()

  • Le hook useCallback()

  • Le hook useMemo()

  • État dérivé

  • Débouncing

  • Throttling

  • Tâches de la partie 1

  • Modèles avancés

  • Que contient la partie 2 ?

  • Compilateur React

  • Chargement paresseux et Suspense

  • Isolation des composants

  • Optimisations du contexte

  • Virtualisation

  • Concurrence et useTransition()

  • Valeur différée

  • Listes et clés

  • Outils

  • Tâches de la partie 2

  • Un mot de sagesse

Regardez le cours complet sur la chaîne YouTube freeCodeCamp.org (2 heures de visionnage).