Cómo implementar OnPush Change Detection ? - Aumenta la performance de tu app de Angular 🚄🚄

Buenas a todos !!

Como parte de nuestros videos más corto les traigo... cómo aumentar la performance de tu app de Angular usando OnPush Change Detection !!

Si quieres dejar de tener problemas o aumentar la performance de tu aplicación con un simple cambio ( bueno no taaaan simple pero lo haremos simple !!! )...

A por ello !!!

Si quieres hacer una donación:

▬ Links de interés ▬▬▬▬▬▬▬▬▬▬

[juantasayco]

Qué explicación más brutal!, no solo te enfocas en lo que hace si no que puntualizas, CUANDO y en que casos aplica de manera muy clara, esto le da un valor grande a los que estamos aprendiendo porque nos permite ver el verdadero enfoque, así plantear y poder deducir más lo que estamos haciendo, muchas gracias por la explicación, me suscribo!. Estaría geníal que hagas más videos sobre el ciclo de detección de cambios de Angular, por ejemplo en casos específicos como un ViewChild dentro de una directiva estructural ( un ngIf), he visto que también puntualizan el cdr aquí.

[davidadan]

Uff que bueno este video. Conocimiento que vale oro y que no es tan común verlos en tutoriales de angular.

[andresfelipeospinasepulved]

Ufff, brutal!!! Me gustaría seguir viendo estos temas relacionados con el rendimiento. Muchos éxitos!

[agustinalberdi]

vamoooo, muy bien explicado. No abundan videos del change detection aparte

[davidromaniuk]

Loco la rompiste toda... like y campanita pa!

[tadeoriverosk]

Excelente! Como siempre algo nuevo de mucha utilidad para el día a día y como no puede ser de otra manera re contra bien explicado. Impecable!

[marianoloprete]

Genio!!! Gracias! Justo estaba buscando algo asi.

[fernandosaibene]

Muy importante concepto y muy poco nombrado en cursos básicos! Buen aporte!

[wanchuchos]

belleza de funcionalidad, genial genial!

[blackdeath]

excelente video, a lo mejor seria bueno algun caso de uso para cada uno. Estoy realizando un proyecto en el cual estoy implementando NGXS en especifico ngxs/labs, pero realmente conozco muy poco del state manangement seria genial algun curso a lo mejor por udemy es que tiene tantas cosas que realmente no se si lo estoy implementando de manera correcta o como puedo sacarle el mayor provecho muchas gracias y excelentes videos sin tanta paja

[fernandobarrueto]

Brutal informacion, Crees que sea posible hacer un video explicando mas a fondo que tan duro es el golpe al performance?, Gracias!

[rodrigocosentino]

que genio ! estaría copado un ejemplo practico con reactive forms o algo asi

[guillermomf]

Excelente vídeo. Solo hay una cosa que no te entiendo bien al oírla. Sobre el minuto 5:50 dices que OnPush nos sirve para detectar cambios en clicks, otra cosa, suscripciones e @Inputs y @Outputs. ¿Cuál es esa otra cosa que dices?

[frankreinaldo]

No me quedo muy claro como actualizar un hijo desde un nodo padre, al momento de cambiar el valor de un input

[francooliva]

Muy buena la explicación. Si bien no responde directamente lo que estoy buscando y lo que me preguntaron en el trabajo en un test, me sirve saberlo. Te voy a seguir! :)

Por las dudas la pregunta era: Cuál es la diferencia entre y

PD: Trabajo con Angular, Spartacus y Typescript.

[andresramirezfuentes]

tengo una aplicación bastante grande, y estaba usando el detectChanges para los cambios. Lo que me pasaba es que al haber tantos componentes el detectChanges duraba algo considerable, lo cambié por el markforCheck y mejoró bastante el performance, me parece el detectChanges tiene un costo el mandar a hacer actualiciones en el momento a esperar que se ejecute en el siguiente tick con el markforcheck. Otra diferencia importante es que el detectChanges aplica para el nodo actual y sus hijos 5:35, no viaja a los padres de la rama, mientras que el markforcheck setea el estado del nodo y sus parents para que en el proximo tick sí revise los cambios.

export function markParentViewsForCheck(view: ViewData) {

let currView: ViewData|null = view;
while (currView) {
if (currView.def.flags & ViewFlags.OnPush) {
currView.state |= ViewState.ChecksEnabled;
}
currView = currView.viewContainerParent || currView.parent;
}
}

buen video! me parece que un tema super interesante y gracias por exponerlo de forma simple :)

[kervingonzalez]

Debes mejorar ese problema que tienes de mezclar las palabras en ingles tratandolas de castellanizar