Consultoría Digital

Concebimos la función IT como un impulsor del cambio en el negocio de cualquier organización, pero debe trabajar bajo un modelo operativo orientado a la entrega de valor continua y escalable de forma ágil. Por supuesto el Talento Digital es un activo clave dentro de este proceso. Aportamos toda nuestra experiencia corporativa aplicada a los negocios de nuestros clientes para maximizar el impacto de esta función.

Organización de la Función IT

Asesoramos a nuestros clientes en la definición e implementación de la estrategia de transformación digital de sus negocios. Contamos con modelos de referencia, basados en tendencias sectoriales y patrones de innovación, que facilitan, a partir del análisis de situación actual global de la organización o de un área específico, la identificación de un modelo objetivo personalizado orientado a alcanzar sus objetivos de escalabilidad y eficiencia y la planificación del roadmap de proyectos de transformación necesarios para eliminar o minimizar los posibles GAPs o para abordar nuevas iniciativas innovadoras dirigidas a la conceptualización e implementación de nuevos casos de uso o modelos de negocio.

Plan de Transformación Digital

Contamos con referencias y profesionales certificados en diferentes marcos como Scrum o Kanban para facilitar la implantación de estas metodologías Agile tanto a nivel estratégico / organizacional como táctico en el día a día de los proyectos en curso de nuestros clientes.

Implantación de metodologías Agile

Aportamos un enfoque metodológico en la gestión de los proyectos ayudando a nuestros clientes a implantar un marco común de procesos, controles y herramientas que garantice la homogenización necesaria para consolidar la visión y el reporte operativo. Para tomar las decisiones adecuadas, acompañamos a los gestores durante todo el ciclo de vida de sus proyectos, velando por el cumplimiento de los estándares definidos, anticipando riesgos y desviaciones e identificando posibilidades de mejora buscando siempre la eficiencia y el cumplimiento de los objetivos marcados.

Oficina de Gestión de Proyectos (PMO)

La externalización de procesos y plataformas es una palanca clave para lograr los objetivos de la función IT en cualquier organización, pero debe ser gobernada bajo criterios de selección y monitorización que permitan optimizar su eficiencia. Establecemos modelos de éxito contrastado a la hora de incorporar este tipo de estrategia de sourcing.

Estrategia de externalización IT

Contamos con profesionales con dilata experiencia en análisis de procesos y diseño de mapas documentales adaptados a las necesidades de nuestros clientes en diferentes sectores de actividad, orientados a la reducción de costes administrativos y operativos, el aumento de la productividad, la mejora de la calidad, la accesibilidad y la disponibilidad de la información.

Oficina Paperless

Arquitectura Digital

Aplicamos técnicas de evaluación y análisis comparativo de diferentes métricas aplicadas a tecnologías, metodologías, plataformas y herramientas en función de los requisitos técnicos, funcionales y económicos. Interpretamos los resultados obtenidos para asegurar una selección de la combinación óptima que garantice la mejora de la calidad y del rendimiento de los productos, servicios y procesos de cualquier organización.

Benchmarking Tecnológico

Las posibilidades y requisitos de las aplicaciones front-end han crecido notablemente en los últimos años y cada vez es más habitual el uso, a veces conjunto, de arquitecturas como SPA, SSR, SSG o Jamstack. Somos expertos en diferentes paradigmas y tecnologías para diseñar e implementar de forma personalizada las arquitecturas digitales sobre las que construir las aplicaciones de nuestros clientes, basadas en Typescript y contemplando todos los requisitos de internacionalización, seguridad, selección de librerías de componentes y gestión del estado interno de una forma autónoma.

Diseño de Arquitecturas Front-end

Ponemos toda nuestra experiencia en el diseño e implementación de arquitecturas de software de vanguardia que facilitan la testeabilidad, la evolución y el mantenimiento de sistemas de negocio complejos.

Diseño de Arquitecturas Hexagonales y Clean

Somos conscientes de que las necesidades de los negocios han cambiado, solicitando sistemas cada vez más robustos, resilientes, escalables e interoperables. Respondemos a esos retos con el diseño de arquitecturas de microservicios y microfrontends con comunicación basada en eventos, mediante el uso de patrones como Event Sourcing y Event-Driven y de plataformas de transmisión como Kafka o RabittMQ, que facilitan el desarrollo de las aplicaciones que dan soporte a los procesos de cualquier organización.

Diseño de Arquitecturas de Microservicios y Microfrontends

Ponemos en valor la flexibilidad que ofrecen las plataformas en cloud (AWS, Azure y GCP) para ofrecer soluciones que optimicen los costes y maximicen el rendimiento: ahorro en infraestructura utilizando paradigmas serverless, autoescalado en función de la demanda, optimización de la disponibilidad... todo ello en entornos seguros y en nubes públicas, privadas o híbridas.

Diseño de Arquitecturas Serverless y Cloud Native

Diseñamos e implementamos Oficinas de Arquitectura con expertos de amplia experiencia para establecer la definición, implantación, evolución y operación de la arquitectura IT de cualquier organización, así como los marcos de desarrollo de aplicaciones sobre la misma y el soporte y formación adaptadas a las necesidades de equipos propios y externos.

Oficina de Arquitectura

Reforzar y unificar la experiencia y percepción que los usuarios tienen sobre una marca suele ser uno de los principales objetivos detrás de la creación de un sistema de diseño en cualquier organización. Somos expertos en tecnologías como Tailwind CSS, Styled Components o Sass gracias a las cuales ayudamos a nuestros clientes en la creación de las herramientas necesarias para aplicar ese sistema de diseño en el desarrollo de las aplicaciones construyendo librerías estándar (componentes / visuales, funcionales, etc.) que optimicen y homogeneicen el desarrollo y mantenimiento de frontales web.

Diseño de Librerías de Componentes Front-end

Sistemas a Medida

Podemos asumir de forma transversal la gestión de los requerimientos del negocio, el análisis funcional, la coordinación metodológica y el liderazgo técnico de equipos de desarrollo propios de nuestros clientes o de otro de sus proveedores. Contamos con profesionales de amplia experiencia ejerciendo roles de Product Owner, Project Manager, Scrum Master y Technical Leader.

Análisis funcional y liderazgo técnico y metodológico

Apostamos por sistemas CMS actuales y omnicanal en formato Headless, basados en stacks modernos como Node.js, que permitan integrarse con aplicaciones y dispositivos de última generación y proporcionen al gestor de contenido interfaces sencillas, amigables y potentes.

Implantación de gestores de contenido Headless CMS

Diseñamos e implantamos sistemas de gestión documental, sobre los productos ECM más extendidos en el mercado como OpenText o Nuxeo, proporcionando a nuestros clientes el conjunto de servicios necesarios para cubrir el ciclo de vida de sus documentos en sus procesos de negocio.

Implantación de gestores documentales

Desarrollamos servicios sobre entornos tecnológicos Data Warehouse como Cloudera para el almacenamiento y modelado de datos, aprovechando herramientas como Apache Spark, Hadoop, Hive o Hue que permiten una integración optimizada de los procesos de negocio.

Desarrollo de servicios Data Fabric

Diseñamos experiencia e interfaces de usuario para aplicaciones web, portales y apps móviles adaptadas a la identidad visual corporativa de nuestros clientes, e incluso diseños multi-marca aprovechando herramientas como Design Tokens. También ofrecemos servicios de naming y branding para aquellos clientes que quieren dotar de identidad propia (logotipos, colores, tipografías, imágenes, animaciones, videos, textos copy) a su producto software, incluyendo la asesoría para registro de marca y la campaña de lanzamiento por medios online y offline.

Diseño UX/UI

Estamos comprometidos con webs accesibles y capaces de entregar un gran rendimiento tanto desde el punto de vista SEO como desde las posibles limitaciones de recursos en ciertos dispositivos, sin renunciar por ello al dinamismo y a una excelente experiencia del usuario. Para ello, apostamos y utilizamos frameworks basados en ecosistema Node.js como son Next.js o Nuxt.

Desarrollo de frontales web Server Side Rendering (SSR)

Apostamos por tecnologías como Flutter o React Native con las que podemos construir aplicaciones móviles nativas para iOS y Android empleando una única base de código, unificando la experiencia del usuario a la vez que optimizamos el desarrollo y mantenimiento de dichas aplicaciones sin reducir el rendimiento o la capacidad de uso de sensórica.

Desarrollo de apps de movilidad

Diseñamos e implementamos soluciones webs empleando, entre otros, frameworks y librerías como Angular, Vue.js o React. Construimos PWAs capaces de elevar el número de funcionalidades (soporte offline, notificaciones push) en entornos web.

Desarrollo de frontales web Single-Page Application (SPA)

Somos conscientes que no todas las páginas web tienen los mismos requisitos y nos esforzamos por ofrecer a nuestros clientes alternativas optimizadas a sus necesidades concretas. En este sentido, impulsamos el desarrollo de sitios web estáticos apoyados en diferentes frameworks (Gatsby, Next.js, Nuxt, Astro) cuando el contenido del mismo no varía entre usuarios, dispositivos, fecha de acceso, etc.

Desarrollo de frontales web Static Site Generation (SSG)

Desarrollamos back-ends a medida siguiendo diseños orientados al dominio (DDD) y usando las principales tecnologías del mercado (Spring Framework/Boot y Microsoft .Net Framework/Core), con el fin de focalizar las complejidades del negocio y facilitar la evolución y mantenimiento de los sistemas mediante una buena organización y calidad de los dominios, además de facilitar un buen testeo de ellos.

Desarrollo de back-end Domain Driven Design

Mediante el uso de tecnologías REST, GraphQL o gRPC desarrollamos soluciones multi-plataforma, multi-lenguaje y multi-cliente siguiendo una filosofía API First para la integración y visualización de información y sistemas, incorporando incluso patrones específicos como BFF (Backend for Frontend).

Desarrollo de APIs multi-canal

Aunque los entornos web y móviles son los sistemas más demandados, determinadas industrias y procesos siguen requiriendo capacidades en aplicaciones de escritorio. Contamos con amplia experiencia en el desarrollo para desktop usando tecnologías Microsoft, tanto Windows Presentation Foundation (WPF) como Windows Forms con arquitecturas MVVM (Model-View-ViewModel) que aseguran robustez, seguridad y velocidad.

Desarrollo de aplicaciones de escritorio

Gestión de Aplicaciones

Ofrecemos servicios gestionados que dan cobertura a las líneas de mantenimiento correctivo, evolutivo, preventivo, perfectivo, pequeño proyecto, soporte a usuarios, innovación y gestión del cambio, sobre distintas tecnologías, con amplia cobertura horaria y geográfica, para aplicaciones desarrolladas por equipos propios de nuestros clientes o por cualquiera de sus proveedores. Concebimos como objetivos principales la eficiencia, la calidad y la mejora continua del servicio, buscando una colaboración a largo plazo con nuestros clientes.

Mantenimiento y Modernización de aplicaciones

Ayudamos a nuestros clientes en la implantación y ejecución de Oficinas de Gestión de Servicios (SMO), definiendo el mejor Modelo de Gobierno que permita el seguimiento y control de los procesos involucrados así como la estandarización de procedimientos y herramientas para medir la calidad de los servicios e identificar riesgos o áreas de mejora en su ejecución, permitiendo extraer una visión global objetiva de la salud de cada servicio con independencia de que su gestor sea propio o externo a la organización.

Oficina de Gestión de Servicios (SMO)

Ayudamos a nuestros clientes a optimizar sus procesos de integración y despliegue continuo de aplicaciones que permitan una entrega rápida y frecuente de valor aplicando una filosofía DevOps con plataformas y herramientas como Azure DevOps, Kubernetes, Openshift, Cloudflare, GitHub, GitLab o Jenkins entre otras.

Implantación DevOps

Talento Digital

A partir de una evaluación de los conocimientos digitales actuales en la organización de nuestros clientes y de un análisis del nivel de madurez objetivo, identificamos las necesidades formativas y elaboramos un plan de formación totalmente adaptado y personalizado (inventario de cursos, diseño de itinerarios por perfil, selección de proveedores, etc.), tratando de optimizar los tiempos y costes de capacitación de sus profesionales y fomentando la motivación y su impacto en la productividad de los mismos.

Diseño de Planes Formativos en Tecnologías Digitales

Disponemos de expert@s en un amplio espectro de tecnologías, herramientas, plataformas y metodologías, que pueden ofrecer formación específica (online o presencial) dirigida a los profesionales de nuestros clientes y adaptada a sus necesidades estructurales o puntuales. También contamos con un conjunto de píldoras y cursos ya paquetizados de rápido acceso. En todo caso, abogamos por el aprendizaje práctico sin descuidar la teoría sobre la que se basa.

Formación técnica a medida online/presencial

Contamos con profesionales con un amplio bagaje en la evaluación de hard skills y adecuación técnica de candidatos, que pueden dar soporte a los departamentos de selección de nuestros clientes de forma alineada a los valores corporativos propios de cada organización. Buscamos maximizar la idoneidad de los candidatos para determinado puesto, basado en criterios y cuestionarios teóricos y pruebas prácticas relacionados con los cometidos a desempeñar por el perfil.

Evaluación técnica de candidatos

Creemos en la capacitación de profesionales y en las habilidades que pueden ser adquiridas de una experiencia laboral previa en otros sectores, y sobre todo en la actitud de las personas. Sobre esa premisa, diseñamos formaciones intensivas a medida, en diversas áreas tecnológicas de alta demanda, que permiten a nuestros clientes incorporar equipos completos de forma orgánica con un nivel de capacitación garantizado en fundamentos teóricos y sobre todo prácticos, asegurando su productividad desde el inicio de su andadura profesional en el desarrollo de software.

Bootcamps orientados a crecimiento orgánico

David Fernández Perrino

Iván Martín Zarza

Sergio Fernández Calvo

Accesibilidad EAA (European Accessibility ACT)

En esta ocasión, me gustaría profundizar en la elección entre SPA, SSR y SSG, tres enfoques fundamentales en el desarrollo web moderno. Estos métodos no solo impactan el rendimiento de nuestras aplicaciones web, sino que también influyen en la experiencia del usuario y en cómo los motores de búsqueda perciben nuestro sitio.

Al hablar de estos enfoques, me gusta considerar no solo las necesidades técnicas del proyecto, sino también la experiencia de nuestros usuarios. Antes de arrancar un proyecto debemos plantearnos algunas incógnitas… ¿Cómo garantizamos que nuestros usuarios disfruten de una experiencia rápida y fluida, mientras atendemos las exigencias de SEO? ¿Cómo evitamos la frustración que puede surgir de tiempos de carga lentos o de una navegación poco intuitiva? Para responder a estas preguntas, es esencial conocer los puntos fuertes y las limitaciones de cada técnica de renderizado.

## SPA (Single Page Application)
Las SPA ofrecen una experiencia similar a la de una aplicación de escritorio. Todo el contenido de la aplicación se carga en una única página y las subsecuentes interacciones se manejan en el navegador sin recargar la página. Esto hace que la navegación sea rápida y fluida, lo que es excelente para aplicaciones muy interactivas como paneles de administración o plataformas donde el usuario interactúa constantemente con la interfaz, como herramientas de gestión de proyectos o aplicaciones de edición.

La principal ventaja de las SPA es su rapidez al manejar cambios en el DOM de manera dinámica. Esto es posible gracias a frameworks como React, Angular o Vue, que ofrecen un modelo de renderizado basado en componentes. Sin embargo, las SPA dependen mucho de JavaScript, y eso presenta desafíos de SEO. Tradicionalmente, los motores de búsqueda han tenido dificultades para indexar contenido que depende exclusivamente de JavaScript, aunque esto ha mejorado con el tiempo. Sin embargo, si nuestro proyecto tiene una gran dependencia del SEO, las SPA no siempre serán la mejor opción.

En mi experiencia, las SPA funcionan mejor cuando la prioridad es la interacción continua del usuario y la carga inicial es rápida. Si el contenido estático no es una prioridad y el SEO puede pasar a un segundo plano, una SPA puede ser ideal.

## SSR (Server-Side Rendering)
Si buscamos optimizar el SEO y la velocidad de carga inicial, el SSR se convierte en una opción muy atractiva. Con SSR, el servidor procesa y entrega una página ya renderizada al navegador, lo que ayuda a que el contenido sea visible casi instantáneamente y facilita la indexación por motores de búsqueda. Este enfoque es excelente para sitios que necesitan contenido actualizado y relevante en tiempo real, como sitios de noticias, e-commerce o aplicaciones con contenido en constante cambio.

SSR soluciona algunos de los problemas de las SPA al equilibrar la rapidez en la carga inicial con una buena indexación SEO. En ocasiones me ha tocado elegir entre frameworks como Next.js, Nuxt.js, Remix y Astro permiten implementar SSR con relativa facilidad. Estos frameworks gestionan el renderizado en el servidor y ofrecen funcionalidades que facilitan la actualización y el mantenimiento del contenido. Eso sí, SSR implica una carga mayor en el servidor, ya que cada vez que un usuario solicita una página, el servidor tiene que procesar esa petición y enviar el contenido renderizado. Esto puede incrementar el costo y la complejidad del despliegue.

## SSG (Static Site Generation)
En el otro extremo, tenemos el enfoque de SSG, donde las páginas se generan una sola vez en el momento de la compilación y se sirven de forma estática. Las páginas resultantes se pueden distribuir a través de una CDN, lo que garantiza tiempos de carga extremadamente rápidos, ya que no se requiere procesamiento adicional en el servidor para servir el contenido. Esto hace que SSG sea una opción excelente para sitios con contenido que cambia poco, como blogs, portfolios y otros sitios con contenido mayormente estático.

Frameworks como Next.js, Astro y Gatsby facilitan la implementación de SSG, permitiendo que el sitio sea rápido, seguro y eficiente en el consumo de recursos. Una de las ventajas clave de este enfoque es su capacidad de escalar fácilmente. En lugar de depender de servidores robustos para procesar cada solicitud, los sitios SSG distribuyen el contenido ya generado, reduciendo la carga en el servidor y los costos de infraestructura.

Sin embargo, SSG no es la mejor elección para proyectos que requieren actualizaciones de contenido constantes, ya que cada cambio en el contenido implica una regeneración del sitio. Esto puede ser un proceso lento en sitios grandes y no es ideal para aplicaciones que necesitan datos en tiempo real o contenido que se actualiza frecuentemente, como un sitio de noticias.

## Ventajas y Desventajas
Es importante tener en cuenta las ventajas y desventajas de cada enfoque en función de los requisitos del proyecto:

- **SPA**: Ofrece una navegación rápida y una experiencia de usuario muy interactiva. Sin embargo, la carga inicial puede ser más pesada y el SEO puede verse comprometido si no se implementan soluciones adicionales, como el uso de prerendering o SSR en determinadas páginas.

- **SSR**: Optimiza la carga inicial y el SEO, proporcionando contenido pre-renderizado. No obstante, puede requerir más recursos del servidor, y la implementación y el despliegue pueden ser más complejos.

- **SSG**: Garantiza tiempos de carga rápidos y una menor carga en el servidor, lo que lo hace perfecto para contenido estable y mayormente estático. Sin embargo, es menos flexible para sitios con contenido que cambia constantemente y necesita regeneración para reflejar nuevos cambios.

## ¿Cuándo usar SPA, SSR o SSG?
Al seleccionar entre SPA, SSR o SSG, es importante valorar las características y necesidades específicas de tu proyecto:

- **SPA**: Ideal para aplicaciones que requieren mucha interactividad y donde el SEO no es una prioridad. Ejemplos: aplicaciones de tipo panel de usuario o herramientas de gestión.

- **SSR**: Excelente para proyectos que necesitan un equilibrio entre SEO, rendimiento inicial y contenido en tiempo real. Ejemplos: e-commerce, sitios de noticias y redes sociales.

- **SSG**: Perfecto para sitios donde la velocidad y el SEO son prioritarios y el contenido cambia poco. Ejemplos: blogs, portfolios y sitios de documentación.

## Conclusión
Elegir la técnica de renderizado adecuada entre SPA, SSR y SSG es una decisión estratégica que impactará en el rendimiento, la usabilidad y el posicionamiento en buscadores de nuestra aplicación. No existe una única opción correcta; cada proyecto tiene sus propias necesidades y prioridades. En mi experiencia, conocer bien los beneficios y limitaciones de cada enfoque me permite tomar una decisión fundamentada, logrando aplicaciones que no solo funcionen bien técnicamente, sino que también ofrezcan una experiencia excepcional al usuario.

Optimiza el rendimiento y SEO de tu web

La reactividad en JavaScript ha evolucionado constantemente desde sus inicios. Inicialmente, las actualizaciones del DOM se realizaban manualmente, lo que resultaba en un código complejo y propenso a errores. Con la llegada de AJAX en los 2000, fue posible realizar solicitudes asincrónicas sin recargar la página, mejorando la interactividad. Más tarde, las Promises facilitaron el manejo de operaciones asincrónicas, simplificando el control de flujo en casos complejos. También, el uso de objetos Proxy ha permitido crear mecanismos reactivos que detectan y responden a cambios en los objetos, brindando una manera eficiente de gestionar el estado de la aplicación.

## Reactividad en Angular
Actualmente, nos encontramos en la era de los frameworks. Éstos han buscado formas de facilitar el trabajo de los desarrolladores en lo que respecta a la reactividad. Angular aportó nuevos enfoques:

- __Enlace de datos bidireccional:__ Esto comenzó con AngularJS y permitía que los cambios en el modelo de datos se reflejaran en el DOM (una dirección) y que los eventos del DOM provocaran acciones en el modelo de datos (la otra dirección). Lo primero fue posible gracias a la detección de cambios y a Zone.JS, que Angular introdujo como un sistema optimizado para detectar cambios en nuestros modelos de datos, utilizando Zone.JS para interceptar y rastrear todo tipo de tareas asíncronas (eventos, promesas, llamadas HTTP, etc.).
- __RxJS:__ Angular adoptó esta librería y la integró completamente en el framework; éste no se puede entender sin RxJS. Gracias a los Observables y sus diferentes operadores, los desarrolladores tienen una forma robusta y eficiente de trabajar con datos asíncronos y complejos, logrando un código mucho más predecible y reactivo.

Sin embargo, estos enfoques presentan algunos problemas. La detección de cambios puede generar problemas de rendimiento en aplicaciones grandes, por lo que Angular siempre ha tenido la fama de ser un framework lento. Aunque contaba con la detección de cambios OnPush, que restringía las condiciones para iniciar un ciclo de detección y no actualizaba todos los componentes a la vez si no era necesario, todos sabemos que la mayoría de los proyectos ignoran esta posibilidad y utilizan la detección de cambios por defecto.

Con RxJS sucede algo similar; aunque en los últimos años se ha notado que cada vez más personas utilizan Observables y Subjects en su código, muchas veces sigue siendo de forma no deseada. Se realizan muchas suscripciones manuales con posibles fugas de memoria y se ve un uso nulo de operadores más allá de filter, map y switchMap. No podemos olvidar a aquellos que ignoran por completo RxJS y lo utilizan únicamente cuando el framework lo exige. La razón es obvia: RxJS tiene una curva de aprendizaje difícil de gestionar para muchos desarrolladores, especialmente en un mundo de consultoría frenético, con fechas de entrega siempre próximas.

## Introducción de Signals
Las primeras discusiones sobre Signals en Angular aparecieron en 2022 con el RFC del equipo en GitHub. Estas se introdujeron por primera vez en Angular 16 de manera experimental. Aunque esta nueva forma de enfocar la reactividad no es realmente algo nuevo, sino que es muy parecida a las runas de Svelte, lanzadas en 2016, o a la reactividad en Vue.JS.
Una Signal es una variable cuyo valor puede cambiar en el tiempo y su cambio provoca la actualización de otras Signals dependientes. Los beneficios son claros:
- __Simplicidad__: No necesitamos lidiar con suscripciones ni operadores de RxJS, y tampoco con la asincronía.
- __Eficiencia__: Las Signals no requieren detección de cambios y pueden actualizar valores de forma más granular.
- __Depuración__: La depuración de observables siempre ha sido un dolor de cabeza, ya que conocer el valor actual es complicado si no se sigue el flujo desde el comienzo. Esto no sucede con las Signals porque estas siempre tienen un valor definido fácil de inspeccionar.

Si quieres conocer más sobre las Signals, te recomiendo consultar [la documentación oficial](https://angular.dev/guide/signals)

## Gestión del estado con Signals
Aunque solemos pensar en la gestión del estado global de nuestras aplicaciones, el estado de un único componente o servicio también debe gestionarse; a esto lo llamaremos gestión de estado localizado.

### Gestión de estado localizado
Gracias a las Signals, en los componentes ya no necesitaremos implementar OnChanges ni convertir nuestros @Input en setters para detectar cambios. Tampoco será necesario utilizar observables tan a menudo (por desgracia, las Signals aún no están integradas en módulos de Angular como el redireccionamiento o los formularios reactivos). En caso de necesitarlo, gracias a @angular/core/rxjs-interop, podremos convertir Observables a Signals fácilmente. En cuanto a servicios, lo mismo ocurre; nuestras propiedades no reactivas y Subjects pueden ser convertidos a Signals sin dificultad. 

Sin embargo, no debemos emocionarnos convirtiendo todo a Signals; los operadores de RxJS pueden ser muy útiles para ciertos casos de uso, y las llamadas externas a través de HttpClient no siempre pueden ser convertidas. La idea es que tanto Signals como RxJS convivan en un mismo proyecto, siendo utilizados cada uno según sus características: RxJS para flujos asíncronos y complejos que se benefician del uso de operadores, y Signals para propiedades reactivas síncronas con lógica accesible sin operadores; mientras que utilizamos el paquete de interoperabilidad para la conversión entre ambos tipos de datos.

### Gestión del estado global
Las librerías de gestión de estado global más utilizadas en Angular son NGRX y NGXS. Ambas intentan implementar el patrón FLUX con sus respectivas aproximaciones.

__NGXS Store__

Esta librería nos ofrece el paquete @ngxs/store y tras la salida de Signals, han sido rápidos para adaptar su solución a este nuevo paradigma. Se ha incluido un nuevo método “selectSignal” para que los selectores del estado sean de tipo Signal en lugar de Observables.

__NGRX__

En este caso, la librería nos ofrece varios paquetes para dos tipos de gestión. La gestión de estado por patrón FLUX con @ngrx/store y @ngrx/effects, y otra gestión más reducida y simple para sustituir los servicios con Subjects, que sería @ngrx/component-store. En ambos casos se ha incluido un nuevo método para que los selectores devuelvan una Signal en lugar de Observables, llamado “selectSignal”. 

Además de estas adaptaciones, el equipo de NGRX ha creado un nuevo paquete, @ngrx/signals, donde el estado es un Signal en sí y no hay dependencia alguna con RxJS. Y al igual que antes, en este caso contamos con la SignalStore para estados complejos y SignalState para aquellas gestión más simple y ligera.

## Conclusión
Está claro que las Signals son uno de los cambios más significativos en Angular de los últimos años. Este nuevo enfoque de reactividad afecta tanto al framework como a las librerías que utilizamos con él. Poco a poco, todos los módulos de Angular irán incorporando el uso de Signals, al igual que las librerías más populares. Esto apunta a un futuro sin Zone.JS ni detección de cambios, aportando ventajas como la mejora del rendimiento, la reducción de la carga inicial al eliminar las dependencias de Zone.JS y posiblemente de RxJS, así como la simplificación del proceso de depuración en caso de errores.

¿Y tú? ¿Has probado ya las Signals?


Gestión del estado con Signals en Angular

Tenemos referencias en el desarrollo de soluciones que gestionan la valoración y contabilidad de impactos que ejercen las organizaciones de cualquier sector sobre el medio ambiente, basadas en aspectos como emisión de carbono, clima, biodiversidad... con el objetivo de ayudar a disminuir su impacto ambiental.

Desarrollo de Sistemas de Control de Impacto Ambiental

Nos apoyamos en las últimas tecnologías de desarrollo para la construcción de sistemas a medida con el objetivo de facilitar la gestión de los datos relacionados con empleados y colaboradores, oficinas y espacios asignados para cada unidad o proyecto y el mantenimiento de mapas de procesos de gestión de cualquier organización.

xTech_

Servicios

Consulta nuestro catálogo completo de servicios adaptados a tu sector >>>

Contacta con nuestro equipo >>>

David Fernández Perrino

Technology Partner

Iván Martín Zarza

Consulting & Outsourcing Partner

Sergio Fernández Calvo

Consulting & Outsourcing Partner

>>> insights

Accesibilidad EAA (European Accessibility ACT)

Optimiza el rendimiento y SEO de tu web

Gestión del estado con Signals en Angular

Servicios

Consulta nuestro catálogo completo de servicios adaptados a tu sector .css-1p4ofdc{font-family:var(--chakra-fonts-body);font-weight:600;color:#2FD2D2;}>>>

Contacta con nuestro equipo >>>

David Fernández Perrino

Technology Partner

Iván Martín Zarza

Consulting & Outsourcing Partner

Sergio Fernández Calvo

Consulting & Outsourcing Partner

.css-adcnbg{font-family:var(--chakra-fonts-body);font-weight:300;color:inherit;}>>> insights

Accesibilidad EAA (European Accessibility ACT)

Optimiza el rendimiento y SEO de tu web

Gestión del estado con Signals en Angular

Consulta nuestro catálogo completo de servicios adaptados a tu sector >>>

>>> insights