¿Que es MicroFrontend? #frontend #desarrolloweb #javascript

Cuando un proyecto web frontend tiene una interfaz web compleja, una forma de desarrollarlo es dividir la aplicación en multiples partes, y que diferentes equipos de trabajo desarrollen cada una de estas partes en paralelo, esto con el objetivo de poder hacer cambios constantes (puedes poner imagesn de CI/CD, git push, etc) tener despliegues independientes y permitir que diferentes equipos de trabajo tomen decisiones tecnicas.

Para poder hacer esto en la practica existe un patron de arquitectura llamado Microfrontends este es solo nombre llamativo para decir Microservicios en el navegador. Es decir puedes tener una Interfaz que puede estar desarrollada por multiples componentes, pero cada componente puede ser un proyecto independiente usando su propio framework como React, Angular, Vue, Svelte; sus propios modulos de Javascript, sus propios tests, y sus propias configuraciones (webpack o Vitejs)

Y cuando la aplicacion pase a produccion solo se tiene que importar todas estas partes y unirlas usando un modulo llamado Module federation, el cual importa estas partes de forma indpendiente. Esto por supuesto incrementa la complejidad del desarrollo, pero es una solucion popular para administrar equipos de trabajos grandes y que combina muy bien con los microservicios en el backend

#Microfrontends #frontend #javascript

[jordinodejs]

Qué tiempos aquellos en los que todo lo más avanzado que tocabas en frontend era la edición de páginas con Dreamweaver, Frontpage o incluso con el Word. Ahora miras cómo anda el front-end y se te hinchan las venas de la sien.🤪😜

[superJerrySong]

puedes hacer un proyecto de ejemplo de microfrontend? 🙏

[michaelobando]

Por favor más vídeos así. Cortos y bien explicados, felicidades

[Eduardo-ugui]

Cada vez se hacen más complejos los desarrollos pero una vez dominando esto el desarrollo es bastante rápido y modularizable.

[briansosa]

Gracias por estos videos cortos y llenos de información

[geronimodiaz]

Este era el video que necesitaba para terminar de enterder esto, excelente video Gracias!!!

[Alestorm]

Rayos, ahora me falta averiguar cómo hacer el trabajo de todo un equipo de desarrollo, pero yo solito 😴

[Weagle]

Iba a preguntar que si la navbar siendo una app y la lista de producto otra app, como manejarian lo de agregar a un carrito? Y luego recorde que existen los web sockets, a ver cuando tengo la oportunidad de participar en una app asi xD

[danielcolmenares]

genial fazt, he aprendido mucho
con tu contenido

[emanuelpalacio-ql]

nose porque lo siento que mas que ser una solucion al codigo es una solucion para divir con quien no queres trabajar y evitar discuciones parace mas una solucion SOCIAL que de optimizacion de trabajo

[rondamon]

No conocía esto pero me parece un caos

[d-landjs]

Excelente Fazt, seria genial que hagas tutos de como funciona en la vida real

[ZomberGamer]

Proximamente microservicios en los microservicios

[josuerojasparedes]

Fazt crees hacer un ejemplo de microfrontends con react sería genial

[tidyodooy]

Se imaginan un proyecto práctico de esto? 👀

[Alcohogrifo]

Como detesto el front end. Tanta jalada para hacer una maldita interfaz, cosa que debería ser lo más sencillo del mundo.

[israeljess]

pues eso es microservicios (backend), llevados al frontend... divide y venceras ja

[braianclaudiosueldo]

Increíble, yo armo microfronts y los redirecciono con nginx. Escuche mucho de module federation pero no encontré nada que sea conciso a una implementación. Como los cursos que haces vos

[Denis]

Tenemos un proyecto en produccion, realmente no es tan dificil

[henrryrocajoffre]

Maestro como puedo organizar los archivos de s3 por carpetas? Es decir subirlos ppr carpetas desde mi backent?