Detección del cambio en Angular

deteccion-del-cambio-en-Angular

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 mindfullness.

Es importante tomar consciencia porque es costoso realizar la detección más veces de lo necesario y porque no hacerlo suficientemente implica no ver resultados reales. Con un mayor conocimiento del changDetectionStrategy y un poco de trabajo extra tendrás aplicaciones más eficientes y mantenibles.

Leer más

CompartirComentarios Descuento en cursos PluralSight

Formularios reactivos con Angular

formularios-reactivos-con-Angular

El doble enlace automático entre elementos html y propiedades de objetos fue el primer gran éxito de Angular. Ese doble-binding facilita mucho el desarrollo de formularios. Pero esa magia tienen un coste en escalabilidad; impacta en el tiempo de ejecución y además dificulta la validación y el mantenimiento de formularios complejos.

La solución en Angular 7 pasa por desacoplar el modelo y la vista, introduciendo una capa que gestione ese doble enlace. Los servicios y directivas del módulo ReactiveFormsModule que viene en la librería @angular/forms permiten programar formularios reactivos conducidos por el código.

Leer más

CompartirComentarios Descuento en cursos PluralSight

Vigilancia y seguridad en Angular

vigilancia-y-seguridad-en-Angular

La seguridad de los datos es una responsabilidad compartida entre el servidor y el cliente. En Angular 6 usaremos los interceptores para detectar intrusos y enviar credenciales. Veremos como los guards nos permiten controlar la navegación interna y los resolvers nos aseguran los datos por adelantado.

La identificación de usuarios y el control de acceso y navegación es parte del trabajo de un desarrollador front-end. Veremos nuevos usos de los observables y los servicios de la librerías @angular/common/http y @angular\router con los que tratar comunicaciones seguras y fluidas en Angular.

Leer más

CompartirComentarios Descuento en cursos PluralSight

Comunicaciones http en Angular

comunicaciones-http-en-Angular

Las comunicaciones http son una pieza fundamental del desarrollo web, y en Angular siempre han sido fáciles y potentes. ¿Siempre?, bueno cuando apareció Angular 2 echábamos en falta algunas cosillas… y la librería RxJs y sus streams son intimidantes para los novatos.

Pero con la versión Angular 6 consumir un servicio REST puede ser cosa de niños si aprendes a jugar con los observables y los servicios de la librería @angular/common/http. Conseguirás realizar comunicaciones http asíncronas en Angular 6.

Leer más

CompartirComentarios Descuento en cursos PluralSight

Servicios inyectables en Angular

servicios-inyectables-en-Angular

La presentación, la lógica y el manejo de datos son tres capas de abstracción que usamos los programadores para mantener organizado nuestro código. En Angular 6, la presentación es cosa de los componentes. La lógica y los datos tienen su lugar en servicios compartidos.

Para que los componentes consuman los servicios de forma controlada tenemos proveedores inyectables en la librería @angular/core con los que realizar la inyección de dependencias.

Leer más

CompartirComentarios Descuento en cursos PluralSight