Framework de desarrollo para soluciones web (ada-fwk-webapps)

¿A quién va dirigido?

ada-fwk-webapps va dirigido a todos los desarrolladores y proyectos de la ADA que tengan que desarrollar soluciones web, crear SPAs o microfrontends en Angular. Es especialmente útil para desarrolladores con poca experiencia en Angular y para proyectos que buscan mantener la consistencia y las mejores prácticas.

Beneficios

A continuación se listan los principales beneficios:

• Proyectos actualizados: Las dependencias se revisan y actualizan regularmente, simplificando la actualización de proyectos.
• Curva de aprendizaje simplificada: Facilita el aprendizaje para desarrolladores con menos experiencia en Angular.
• Desarrollos acelerados: El generador Yeoman y las herramientas reducen el tiempo de desarrollo de SPAs y microfrontends.
• Stack tecnológico acotado: El framework guía en la elección de tecnologías, alineándose con las arquitecturas de referencia.
• Cumplimiento de normas y directrices: Los proyectos generados cumplen con las normas de desarrollo establecidas.
• Fomenta la colaboración: los webcomponents provenientes del Storybook de la junta, facilitan la homogeneización de la interfaz en los proyectos.

Además, ada-fwk-webapps incluye:

• Generador Yeoman: Ofrece un generador Yeoman que permite crear, con un simple comando, un proyecto Angular inicial completamente configurado. Este proyecto inicial cumple con las normas de desarrollo establecidas, incluyendo la estructura del proyecto y las convenciones de nomenclatura. Los desarrolladores pueden entonces personalizar este proyecto base para implementar las funcionalidades específicas de su aplicación.
• Gestión de dependencias: Centraliza la gestión de las dependencias necesarias para el desarrollo de aplicaciones Angular. Esto incluye tanto dependencias de Angular como de librerías de terceros. El framework se encarga de mantener estas dependencias actualizadas, resolviendo problemas de compatibilidad y liberando a los equipos de desarrollo de esta tarea.
• Simplificación del uso de Angular: Aporta servicios y herramientas que facilitan el uso de Angular, especialmente para desarrolladores con menos experiencia. Esto acelera la curva de aprendizaje y permite una mayor eficiencia en el desarrollo.
• Ejemplos y casos de uso: Además del código del framework, incluye una serie de aplicaciones de ejemplo y casos de uso que demuestran cómo utilizar los diferentes módulos y funcionalidades del framework.

Detalles técnicos

• Angular: 17
• Native Federation: Integración de Múltiples Micro Frontends (MFEs).
• Standalone Components: Estructura simplificada y uso de componentes.
• NGRX: Manejo de estado centralizado.
• Arquitectura Hexagonal: Separación de responsabilidades y mejora de la mantenibilidad.
• Karma + Jasmine: Pruebas unitarias robustas.
• Web Components: Header y footer reutilizables del Storybook de la Junta (Vue).

Repositorios de código

El código fuente del framework y algunos casos de ejemplo están disponibles en el repositorio de código fuente accesible utilizando las credenciales del directorio LDAP de la Junta de Andalucía.

• Código fuente y documentación del framework
• Revisa el Install.md para instalar el framework

Hoja de ruta

Necesito soporte

Para trasladarnos tus peticiones, consultas e incidencias, puedes dirigirte a la Oficina de Arquitectura