PDF
Cheatsheet de Angular Signals
signal, computed, effect, linkedSignal, resource. Una página. Sin rodeos. Pégala al monitor.
Conseguir gratis →Serie Angular v22
Recursos gratuitos para dominar Angular v22
6 PDFs y templates listos para usar. Elige el que necesitas ahora y descárgalo gratis con tu email.
Decidir sin reescribir por impulso
Cada recurso responde una decisión concreta: cuándo usar Signals, cuándo migrar formularios, cuándo elegir NgRx y qué revisar antes de producción.
Migrar por fases
La serie está pensada para equipos con código real. No necesitas parar el proyecto ni convertir todo a la vez.
Evitar los errores caros
Guards mal planteados, formularios migrados demasiado pronto, stores innecesarios o deploys sin checklist. Aquí se revisa lo que suele doler.
Recursos incluidos
Elige el recurso que desbloquea tu siguiente paso
No tienes que descargarlo todo a la vez. Cada pieza resuelve una decisión concreta de Angular moderno y enlaza con el resto de la ruta.
PDF
Árbol de decisión: Signal Forms vs Reactive Forms
¿Cuándo migrar y cuándo quedarte? Un árbol de decisión para no improvisar en cada PR.
Conseguir gratis →PDF
Checklist de Angular Router
Guards, resolvers, lazy load, prefetch. Lo que revisas antes de marcar el ticket como hecho.
Conseguir gratis →Template
Template de NgRx Store
Estructura de carpetas y archivos base para montar un store con NgRx sin partir desde cero.
Conseguir gratis →PDF
Checklist de producción Angular
Bundle, SSR, env vars, headers de seguridad, SEO técnico. Lo que compruebas antes del deploy.
Conseguir gratis →PDF
Checklist de migración a Standalone
Los pasos exactos para migrar de NgModules a componentes standalone sin romper nada en producción.
Conseguir gratis →El contexto
¿Por qué Angular v22 es diferente?
No es solo una versión más. v22 consolida tres años de rediseño del núcleo del framework. Si llevas tiempo en Angular, el modelo mental cambia.
Signals completos
signal(), computed(), effect(), linkedSignal() y resource() son estables. El nuevo modelo de reactividad de Angular ya no es una beta.
Standalone por defecto
Los proyectos nuevos ya no generan NgModules. Los componentes se declaran solos y sus dependencias son explícitas.
Zoneless en producción
Puedes eliminar Zone.js del bundle. Menos código, arranque más rápido, especialmente en dispositivos de gama media.
Signal Forms estable
El nuevo modelo de formularios basado en Signals ya es estable en Angular v22. La decisión ahora es qué formularios migrar primero.
Para quién es
Una serie para tomar mejores decisiones en Angular real
Si solo quieres ver sintaxis nueva, cualquier post sirve. Esta serie está pensada para decidir qué patrón usar, cuándo migrar y cómo reducir riesgo en una base de código que ya existe.
Si vienes de Angular clásico
Empieza por Signals y Standalone. Son los dos cambios que más afectan cómo diseñas componentes nuevos.
Si lideras una migración
Usa la ruta recomendada como plan de conversación con el equipo: qué se toca ahora, qué se deja estable y qué se valida con checklist.
Si estás preparando producción
Ve directo al checklist de producción y al de Router. Ahí están las revisiones que más impacto tienen antes de hacer deploy.
Por dónde empezar
Ruta de aprendizaje recomendada
Puedes descargar cualquier recurso en cualquier orden, pero si empiezas de cero con v22 esta secuencia tiene sentido.
- 01
Signals: el nuevo modelo mental
Empieza aquí. Signals es el cambio más importante de Angular en años y todo lo demás se apoya en él.
- 02
Signal Forms vs Reactive Forms
Con Signals claros, decide qué formularios migran ahora y cuáles esperan. El árbol de decisión evita el refactor equivocado.
- 03
Migración a Standalone
Moderniza la estructura del proyecto sin parar el equipo. Fase a fase, sin romper rutas ni guards.
- 04
Router: guards, lazy y resolvers
Con la arquitectura limpia, repasa el Router. Los errores de guards y lazy loading son los más costosos en producción.
- 05
NgRx para estado complejo
Cuando signals no escalan, NgRx entra. El template arranca con la estructura correcta desde el primer commit.
- 06
Checklist de producción
El último paso antes del deploy. Bundle, SSR, env vars y headers de seguridad en una sola lista.
Recomendación rápida
¿No sabes por cuál empezar?
Descarga primero el cheatsheet de Signals. Es el modelo mental que conecta Signal Forms, zoneless, resource() y el resto de Angular moderno.
Preguntas frecuentes
Lo que más preguntan
- ¿Tengo que migrar todo a Signals ya?
- No. Signals y RxJS conviven perfectamente. Puedes adoptar Signals en componentes nuevos mientras el código existente sigue funcionando. La migración es incremental por diseño.
- ¿Angular v22 rompe compatibilidad con versiones anteriores?
- No rompe compatibilidad. NgModules siguen funcionando, las APIs anteriores están deprecadas pero disponibles. Puedes actualizar a v22 sin reescribir nada.
- ¿Cuándo usar NgRx y cuándo un servicio con signals?
- Servicio con signals para estado local o compartido entre pocos componentes. NgRx cuando el estado es compartido entre rutas no relacionadas, necesitas trazabilidad con DevTools o el equipo es grande y necesita un contrato claro.
- ¿Los recursos sirven para versiones anteriores a v22?
- La mayoría aplica desde v17 en adelante. Signals llegó en v16 (developer preview) y se estabilizó en v17. Lo específico de v22 es linkedSignal(), resource() y Signal Forms.