#LemonCode 🍋 – Microfrontends II: Beneficios y Retos

Buy Me A Coffee

Beneficios

  • Construir en piezas pequeñas trae todas las ventajas de los componentes a nivel de aplicación: reducimos complejidad, funcionalidad y responsabilidad acotadas, tests sencillos, mejor mantenibilidad, menor acoplamiento, bases de código más ligeras, etc.
  • La funcionalidad se vuelve más escalable, es decir, levantar un nuevo microfrontend es más barato, o al revés, tirar un microfrontend a la basura es menos caro que cuando trabajamos con monolitos acoplados (Figura 2).
Figura 2. Funcionalidad escalable
Figura 2. Funcionalidad escalable
  • El punto anterior nos lleva de forma natural al siguiente: ahora las actualizaciones de código pueden ser incrementales, sin impactar al resto de microfrontends existentes. Por tanto reducimos el riesgo de deuda técnica (Figura 3).
Figura 3. Actualizaciones incrementales
Figura 3. Actualizaciones incrementales
  • Podremos tener repositorios, pipelines, despliegues, entornos y procesos independientes por cada microfrontend. Y ¿por qué no? equipos autónomos (Figura 4).
Figura 4. Equipos y procesos independientes
Figura 4. Equipos y procesos independientes

Read the complete article here.

Happy coding!

Greetings

El Bruno



¿Con ganas de ponerte al día?

En Lemoncode te ofrecemos formación online impartida por profesionales que se baten el cobre en consultoría:

#LemonCode 🍋 – Microfrontends I: Introducción

Buy Me A Coffee

Motivación

Si echamos la vista atrás en el desarrollo de aplicaciones web, front y back suelen evolucionar en paralelo hacia soluciones y arquitecturas más efectivas:

  • En su origen, una web app no era más que un gran monolito con toda la lógica de front y back empaquetada junta.
  • A medida que las aplicaciones se hacían más complejas, se pone de manifiesto la necesidad de separar front y back. Nacen las SPA (Single Page Aplications) que se comunican a través de APIs.
  • Back inicia su andadura hacia los microservicios: una arquitectura distribuida, modular y escalable que trae numerosas ventajas.
  • En front también cala esta filosofía del ‘divide y vencerás’. La componentización aparece de forma natural con todos los nuevos frameworks de desarrollo de aplicaciones. Gracias a los componentes, rompemos nuestra UI en pequeños trocitos que permiten el reuso de elementos, reducir la complejidad, aplicar el principio de responsabilidad única, favorecer el testeo, etc.

Sin embargo, los componentes en front no son del todo equiparables a los microservicios en back. A pesar de modularizar nuestra UI, los componentes no solemos concebirlos como entidades 100% independientes, sino como partes de un todo. Tanto es así que en el último paso previo al despliegue … ¿qué hacemos? … ejecutamos un bundler que agrega toda la aplicación en ¡un gran monolito!**

Si bien en tiempo de desarrollo hemos aplicado principios modulares, en tiempo de ejecución nos quedaría una foto como la siguiente (Figura 1):

Figura 1.  Front  (monolito) vs  back  (arquitectura distribuida)
Figura 1. Front (monolito) vs back (arquitectura distribuida)

¿Por qué no dar un paso más y emular la arquitectura distribuida que ya se practica en back-end?

Read the complete article here

Happy coding!

Greetings

El Bruno



¿Con ganas de ponerte al día?

En Lemoncode te ofrecemos formación online impartida por profesionales que se baten el cobre en consultoría:

Digital transformation forecast in Mixed Reality and Augmented reality technologies via @ivanatilca

Buy Me A Coffee

The last few years turned out to be hard for many both online and offline stores. Technology is an instrument that can help retailers significantly improve their marketing strategies and ensure a higher revenue. A continuous stream of new, digitally-based technological innovations is every day, conquering the world. This phenomenon is part of the current mega-trend “digitalization”, which has already significantly impacted numerous industries. Concrete examples of two technologies, with are expected to drive major change – thereby offering significant revenue opportunities – in numerous industries in the next few years, are augmented reality (AR) and mixed reality (MR).

Fig. 1

Augmented Reality Market Size forecast

AR applications are increasingly accessible via everyday mobile devices and have the potential to make people’s lives easier. Over the last few years, augmented reality has become one of the most valuable marketing tools for numerous companies. This technology is gaining popularity across the globe. The following Statista report shows the global augmented reality (AR) and virtual reality (VR) market is forecast to reach 72.8 billion U.S. dollars in 2024.

image

Business owners and marketers are leveraging these trends to craft innovative strategies to achieve a competitive edge from enhancing marketing communications and taking customer experience to a new height to increase the efficiency of their business operations.

Read the complete article here.

Happy coding!

Greetings

El Bruno



¿Con ganas de ponerte al día?

En Lemoncode te ofrecemos formación online impartida por profesionales que se baten el cobre en consultoría:

Publicando una Vue.js app en Azure Static Web Apps

Buy Me A Coffee

Azure ofrece (En modo preview en este momento) un servicio orientado a exponer sitios web (SPA) de una manera fácil y rápida. Este servicio es completamente gratuito en este momento y esto te va permitir sacarle jugo este servicio.

En este momento Azure Static Web Apps ofrece también integración continua con Github Actions lo que permite el despliegue continuo de nuestros sitios con una configuración bastante sencilla.

Dentro del portal de Azure vamos a encontrar el servicio de Static Web Apps (Preview) o en español

Ingresamos y creamos una nueva Static Web App.

Vamos a llenar la información general, la suscripción y grupo de recursos que queremos para este servicio

Luego vamos autorizar a Github para acceder a nuestros repos y escoger el que queramos para exponer en este servicio.

Lee el post completo aquí

Happy coding!

Greetings

El Bruno



¿Con ganas de ponerte al día?

En Lemoncode te ofrecemos formación online impartida por profesionales que se baten el cobre en consultoría: