Velocidad y SEO con el SSR de Angular Universal

velocidad-y-seo-con-el-ssr-de-angular-universal

Las SPA JavaScript, muy balanceadas hacia el navegador, nacieron para crear con tecnología web aplicaciones de negocio. Normalmente se desplegaban en intranets, o en internet para usuarios autorizados. Eran aplicaciones de uso intensivo, visita recurrente y alto rendimiento diario. El éxito tecnológico de frameworks como Angular las llevó a ser usadas para desarrollar webs clásicas de internet y ser utilizadas por visitantes ocasionales.

Pero en esta situación presentaron dos problemas para los que inicialmente no estaban preparadas. Por un lado la primera visita de un humano obligaba a la descarga completa de la aplicación antes de poder ver nada. Y nada era lo que veían los visitantes robóticos que pretendían indexar un sitio. Las soluciones a estos problemas incluyen, entre otras medidas, una vuelta al servidor. Lo que en Angular se conoce como aplicación universal.

Leer más

CompartirComentarios Descuento en cursos PluralSight

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 Descuento en cursos PluralSight

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 Descuento en cursos PluralSight

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