PWA, Entre la web y las apps con Angular

pwa-entre-la-web-y-las-apps-con-angular

Las aplicaciones web han evolucionado desde el contenido estático al dinámico, luego al adaptable y ahora se acercan progresivamente a la experiencia y rendimiento de aplicaciones nativas. En Angular se incorporan esas capacidades desde el propio framework.

Mediante la librería @ngular/pwa dispondremos de todo lo necesario para ofrecer instalación en escritorio, actualizar la aplicación controladamente, recibir notificaciones del servidor e incluso mejoras en la caché de comunicaciones que pudieran permitir un funcionamiento offline.

Leer más

CompartirComentarios

El patrón Redux con NgRx en Angular

el-patron-redux-con-ngrx-en-angular

Le pasa a todas las aplicaciones. Crecen y crecen en funcionalidad y complejidad. En Angular estamos preparados para modularizar, componentizar e inyectar servicios. Pero con grandes aplicaciones, o con grandes equipos, parece que nada es suficiente. Se necesita una gestión del estado centralizada como la del patrón Redux.

Redux no hace rápido lo simple, sino mantenible lo complejo. Y si tienes delante un desarrollo complejo, te recomiendo que uses NgRX; la solución estándar para implementar Redux con Angular.

Leer más

CompartirComentarios

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

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

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