Rendimiento y Memoization

Parte del curso de React

Tu aplicación tiene una tabla con dos mil filas y una caja de búsqueda encima. Cada pulsación se siente pesada: escribes y medio segundo después aparece la letra. No hay nada roto y el código parece razonable. Lo que pasa es que un solo carácter en la caja de búsqueda hace que React vuelva a ejecutar los dos mil componentes de fila, deduzca que casi ninguno ha cambiado y después actualice la pantalla.

React vuelve a renderizar con alegría a propósito, y casi siempre eso es justo lo correcto, porque ejecutar la función de un componente es barato y React es bueno calculando el mínimo que necesita cambiar en la página. De vez en cuando no es lo correcto, y para esos casos React te da tres herramientas con las que decir «este resultado no ha cambiado, reutiliza el anterior».