Retour à la leçonMission
Mission : démêler le wrapper hell de PageProfil
Décoder une chaîne de HOC empilés et la remplacer par des hooks custom composés, plus lisibles.
Contexte
En reprenant une base de code vieille de quatre ans, tu tombes sur const PageProfilProtegee = withAuth(withLoading(withTheme(PageProfil)));. Dans les DevTools React, l'arbre affiche trois composants anonymes imbriqués avant d'atteindre PageProfil, et une erreur de rendu ne pointe que vers WithLoading(WithTheme(PageProfil)) sans préciser laquelle des trois couches est fautive. La direction technique demande de migrer ce fichier vers des hooks custom avant le prochain sprint.