De acuerdo con docenas de artículos, incluidos los documentos de React , el uso de ganchos useCallback y useMemo ayuda a evitar renderizaciones innecesarias.
Por otro lado, estos ganchos que optimizan el rendimiento no son gratuitos y tienen un costo. Y es posible que su beneficio no siempre compense ese costo. De modo que
LA MAYORÍA DE LAS VECES NO DEBERÍAS MOLESTARTE EN OPTIMIZAR LOS RENDIMIENTOS INNECESARIOS
dijo Kent C. Dodds .
Por lo tanto, debería haber una herramienta para medir si una función/variable es costosa de calcular y eso no puede ser relativo (por ejemplo, colocar console.time() y console.timeEnd() antes y después).
¿Hay un número de tiempo que más allá se considere computacionalmente pesado para la mayoría de los usuarios de nuestro producto?
¿Hay un número de tiempo que más allá se considera computacionalmente pesado para la mayoría de los usuarios de nuestros productos?
Hasta donde yo sé, no hay una definición estándar. En la mayoría de las circunstancias, no es necesario (incluso para cálculos que parecen complejos: las computadoras son increíblemente rápidas).
Como regla general, si ve/observa retrasos en los cambios de dom, entonces es el momento de comenzar a buscar cuellos de botella en el rendimiento.