La forma en que Angular realiza su renderizado y actualiza sus vistas es un factor clave para el rendimiento de las aplicaciones. ¿Cómo funciona la estrategia de detección de cambios de Angular? Pues tiene dos modos: default o automágico y onPush o mindfulness.
Introducción
Angular 8 Performace
Analizando el tamaño del Bundle
¿Qué es un bundle size? Tree shaking y su importancia
Implementando Webpack Bundle Analyzer
Moment vs date-fns
Aplicando un Performance Budget desde el Angular CLI
Aumenta la velocidad de navegación
Code splitting a nivel de rutas
Implementando una propia estrategia de precarga
Implementando QuicklinkStrategy
Usando Machine Learning para predecir rutas
Google Analytics y Angular
Implementando GuessJs
Precarga con Service workers
¿Qué es Server Side Render?
Implementando Angular Universal
Cuidados con SSR y Angular
Rendimiento en tiempo de ejecución
¿Qué es el Change Detection?
Preparando módulo para Change Detection
Analizando el Change Detection
Optimización de componentes con OnPush
Usando pipes puros
subscribe
Async
Conclusiones
Conclusiones
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
Preparando módulo para Change Detection
17/23Recursos
Aportes 3
Preguntas 0
Ordenar por:
Al utilizar la estrategia de detección de cambios “On Push” hay que tener en cuenta las acciones que no se activaran y requieren una definición en la programación para actualizar los componentes ancestros o los hijos.
Acciones que no se activan:
. Promise. resolve().then() , Promise.reject.then()
. Cualquier suscripcoón de un observable de RxJs
. setTimeout, setInterval()
Métodos a usar (ChangeDetectorRef)
detectChanges()
markForCheck()
En esta clase se codeo el ejemplo, utilizando angular material
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.