🟢 Optimización de NgFor
Reto #36
Información
En esta aplicación, tenemos una lista de individuos que podemos agregar, eliminar o actualizar. Si abres el panel de desarrollador de Chrome presionando F12, ve a la pestaña source y expande el elemento para ver la lista, notarás que cada vez que agregas, eliminas o actualizas un elemento de la lista, se destruyen y vuelven a inicializar todos los elementos del DOM. (Ver video a continuación).
También podemos usar la Angular DevTool para perfilar nuestra aplicación y entender qué está sucediendo dentro de ella. Te mostraré cómo hacerlo en el siguiente video.
Si necesitas más información sobre NgFor
, te invito a leer primero la documentación.
Enunciado
El objetivo de este desafío es entender qué está causando esta actualización del DOM y solucionarlo.