useMemo fournit Redux

Question

Je suis nouveau sur Redux et j'aimerais maximiser les performances de mon application Web.

J'ai un état en redux que je stocke dans une variable pour l'afficher plus tard.

Voici le code :

constmetricsState = useSelector((state: MetricsStateObject) => state.MetricsState);
const mesMetrics =metricState.myMetrics;

J'ai constaté que useMemo améliore les performances en ne restituant pas si les données n'ont pas changé.

Je me demande donc si const myMetrics = useMemo(() =>metricsState.myMetrics, [metricsState.myMetrics]); ?

Merci pour votre temps.

Answer 1

Laissez-moi d'abord vous dire la conclusion, c'est complètement inutile.

Pourquoi? Parce que le processus metricsState.myMetrics只是一个取值 n’implique pas de calculs coûteux.

Mais useMemo lui-même consomme une certaine quantité de calcul.

Je pense donc que c'est une optimisation prématurée

Answer 2

useMemo Pour les calculs coûteux où vous ne souhaitez pas exécuter chaque rendu. J'aime

const some = useMemo(()=> megaBigArray.reduce((acc,i)=>acc*i,0), [megaBigArray])

ou quelque chose comme ça. Vous n'évaluez cette variable que lorsque megaBigArray change.

Dans votre cas, le code s'exécutera de toute façon à chaque rendu, mais useSelector le rendu ne devrait être déclenché que lorsque la section du magasin que vous avez sélectionnée change. Vous devriez donc pouvoir vous en passer très bien.