Angularidades

Tenemos con nosotros nuevamente a Jaime Burgos (alias SkyZeroZx), uno de los contribuidores más activos del core de Angular. En este episodio Jaime nos explica cómo se gestionan los parches de seguridad en el framework, los vectores de riesgo en renderizado híbrido y la protección frente a ataques en la cadena de suministro, entre otras sugerencias para blindar nuestras aplicaciones de Angular.

¿Ya estás al tanto de lo que nos trae Angular con la v22.1?  @nicobytes , Microsoft MVP y GDE en Angular y Tecnologías Web, nos explica con detalle lo nuevo del framework.## Conecta con los invitados:Nicolás Molina: https://www.linkedin.com/in/nicobytes/Angularidades en LinkedIn: https://www.linkedin.com/company/angularidades/

Descubre GolemUI, un nuevo motor de formularios headless, de la mano de uno de sus creadores: Raúl Jiménez, GDE en Angular. Conversamos sobre por qué decidió crear GolemUI, su visión sobre los formularios en el ecosistema de JavaScript y los desafíos técnicos que ha estado resolviendo junto a su equipo al hacerlo open source.Temas que abordamos:00:00:00 Intro y la motivación detrás de GolemUI00:01:13 10 años trabajando con formularios basados en JSON00:06:26 Web Components con Lit00:08:03 Repeaters anidados de profundidad ilimitada00:16:25 Benchmarking de eficiencia de tokens en LLMs00:21:45 Casos de uso ideales para GolemUI vs Signal Forms00:28:06 El peligro de reinventar la rueda en la era de la IAEnlaces:GolemUI: https://golemui.com/Raúl Jiménez: https://www.linkedin.com/in/elecash/Angularidades en LinkedIn: https://www.linkedin.com/company/angularidades/

¿Listos para Angular 22? Esta semana el equipo del framework estabilizará Signal Forms y Resources, pero estas no son las únicas novedades. Para ayudarte a preparar tu migración, invitamos nuevamente a Jorge Cano a repasar los cambios clave y detalles técnicos que trae la v22.0.0.Temas que abordamos:00:00:00 Intro00:03:43 Presentación de Jorge Cano00:04:34 Lo que no cambia en Angular 2200:07:06 Limpieza técnica y selectores obsoletos de Shadow DOM00:10:19 Compatibilidad con TypeScript 6.000:13:55 Las tres prioridades del Roadmap de Angular00:15:40 Signal Forms y estabilización de formularios reactivos00:17:55 Regla debounce() nativa en Signal Forms00:22:10 Bootstrapping de Angular en Shadow Root y Web Components00:25:55 El nuevo decorador @Service00:32:26 Inyección de dependencias asíncrona con injectAsync00:34:08 Rutas: unmatchedInputBehavior y paramsInheritanceStrategy00:37:09 httpResource, rxResource y HttpClient00:39:08 SSR: Caché de recursos e hidratación incremental00:42:43 Tooling: MCP00:45:55 Compatibilidad con Node 26 en el Angular CLIConecta con Jorge Cano: https://www.linkedin.com/in/jorgeucanoAngularidades en LinkedIn: https://www.linkedin.com/company/angularidades/

¿Cuáles son las diferencias entre Angular y Analog? ¿Cómo utilizar eficientemente lo que nos ofrece este meta-framework?Aprende directamente de Luis Castro, miembro del core team de Analog, quien nos comparte su experiencia sobre el enrutamiento de Analog basado en ficheros, la integración de Nitro y H3, los beneficios de Vite 8 y cómo optimizar tus agentes de AI para adoptar Analog.## Temas que abordamos:00:00:00 Intro00:01:11 Orígenes y primeras contribuciones a Analog00:08:18 El problema que resuelve AnalogJS00:10:43 Enrutamiento basado en ficheros (File-based routing)00:21:51 Integración de Nitro, H3 y despliegue full-stack00:25:37 Vite 8 y pipeline de compilación00:28:53 Renderizado híbrido (SSR, SSG, CSR) e hidratación00:34:56 Orquestación de IA y experiencia de desarrollo00:41:50 Integración con Storybook00:42:42 Conclusión y cierre## Conecta con los invitados:Luis Castro: https://www.linkedin.com/in/luis-castro-cabrera/Angularidades en LinkedIn: https://www.linkedin.com/company/angularidades/

¿Por qué el SSR es importante para una aplicación web, aunque el SEO no sea tu prioridad? ¿Firebase App Hosting o Google Cloud Run?Aprende directamente de Antonio Cárdenas y Ricardo Chavarría, quienes desde el Google Cloud Next 2026 nos compartieron sus experiencias sobre los retos de ejecutar Angular en modo híbrido, cómo evitar romper la aplicación en el servidor y elegir la infraestructura adecuada en Google Cloud Platform.## Temas que abordamos:00:00:00 Intro00:02:30 Motivación Técnica para migrar a SSR00:04:57 Firebase App Hosting vs Google Cloud Run00:06:48 Estrategias de Hybrid Rendering00:09:10 Observabilidad en Sistemas Distribuidos00:11:54 IA Generativa y SSR Seguro00:16:51 Conclusión y Despedida## Conecta con los invitados:Antonio Cárdenas: https://www.linkedin.com/in/antoniocardenas1/Ricardo Chavarría: https://www.linkedin.com/in/ricardochl21/Angularidades en LinkedIn: https://www.linkedin.com/company/angularidades/

¿Te cuesta demostrar tu dominio del Angular moderno en las entrevistas técnicas? Y del otro lado, como entrevistador, ¿cómo evalúas si un candidato realmente entiende los compromisos arquitectónicos en lugar de aceptar a ciegas soluciones generadas por IA?Aprende directamente de Eduardo Roth, Google Developer Expert en Angular, Ionic y Nx. Desde el Google Creator Studios en NEXT, Las Vegas, Eduardo describe cómo abordar ciertos desafíos en las entrevistas técnicas para roles de desarrollador Angular.0:00:00 Introducción 00:04:16 Fundamentos modernos de Angular00:09:22 Integración de IA mediante Angular CLI MCP y Skills00:13:17 Compromisos entre monorepos y microfrontends00:16:53 Estrategias de migración hacia Zoneless00:20:23 Ciclo de lanzamiento y estabilidad de AngularEduardo Roth: https://www.linkedin.com/in/eduardorothSíguenos en LinkedIn: https://www.linkedin.com/company/angularidades

¿Dónde es que trazas la línea entre estilos globales y el CSS encapsulado en componentes de Angular? ¿Cómo abordas la transición de lógica compleja de interfaz de usuario de JavaScript al CSS moderno?

Aprende directamente de Raúl Jiménez y Rafael Mestre, Google Developer Experts en Angular. Desde Barcelona y Puerto Rico, nuestros invitados desglosan el cambio hacia el CSS moderno en aplicaciones de Angular, describiendo cómo abordan la deuda técnica de código legacy y reemplazan los polyfills de JS con características nativas de la plataforma web.

Puntos clave:

00:00:00 Intro

00:00:19 CSS vs JS

00:08:35 Abandonar el soporte para navegadores legacy

00:17:04 Estilos globales vs encapsulación

00:33:05 Los límites del Shadow DOM

00:43:22 Anchor Positioning nativo

00:46:53 Rendimiento del selector :has() de CSS

00:55:11 Animaciones CSS y View Transitions

Raúl Jiménez: @elecash

Rafael Mestre: https://mestre.dev

Síguenos en LinkedIn: https://www.linkedin.com/company/angularidades/

¿Quieres conocer algunos detalles técnicos sobre los diagnósticos extendidos del compilador de Angular que nos advierten sobre problemas en nuestro código?

Aprende directamente de Jaime Burgos Tejada (SkyZeroZx), arquitecto de software y colaborador del núcleo de Angular. Desde Lima, Perú, Jaime nos desglosa el funcionamiento de estos chequeos del compilador, explicando cómo previenen fallos silenciosos en tiempo de ejecución. Además, nos comparte su inspiradora historia de cómo se ha convertido en un contribuidor valioso del framework.

Jaime en GitHub: https://github.com/SkyZeroZx

Síguenos en LinkedIn: https://www.linkedin.com/company/angularidades/