No video :(

Micro Frontends | Aplicando ideas de los microservicios en un frontend monolítico 🗿

Подписаться 45 тыс.

Просмотров 16 тыс.

50% 1

👉 Busca ofertas de trabajo remoto para desarrolladores en Arc: go.arc.dev/3sn 👈
Los micro frontends son un concepto que empezamos a escuchar desde el 2016 aproximadamente. Consiste en continuar la evolución (¿?) del desarrollo backend que conocimos con los microservicios y llevar estas ideas al frontend.
Repositorios mostrados en el video: github.com/mic...
MIS CURSOS
📐 Arquitectura de Software: manuelzapata.c...
🏗️ Patrones de Arquitectura: manuelzapata.c...
🔌 Patrones de Diseño: manuelzapata.c...
📦 Programación Profesional con Objetos (Gratis): manuelzapata.c...
🌲 Principios de Diseño SOLID (Gratis): manuelzapata.c...
🙌 Hazte miembro del canal: / @manuelzapata
🌎 Mi sitio web: manuelzapata.co
🎦 Suscríbete al canal: manuelzapata.c...
📩 Mi lista de correo: manuelzapata.c...
Secciones
00:00 - Introducción
02:17 - Qué problemas tratan los micro frontends
08:11 - Característica # 1 - La aplicación contenedora
09:19 - Característica # 2 - Cada micro frontend debe tener su propio repositorio
10:07 - Característica # 3 - Cada aplicación debe desplegarse de forma independiente
10:53 - Característica # 4 - Los equipos
11:49 - Característica # 5 - Flexibilidad en las tecnologías
14:15 - Opción # 1 - iFrames
14:40 - Opción # 2 - Web Components
14:55 - Opción # 3 - JavaScript
16:09 - Ejemplo de código
19:35 - Conclusiones finales y Cierre

Опубликовано:

15 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 52

@ManuelZapata 2 года назад

👉 Busca ofertas de trabajo remoto para desarrolladores en Arc: go.arc.dev/3sn 👈

@itmarck 2 года назад

Llevo unos meses trabajando en Disney, y sus webs tienes una arquitectura similar a la comentas. Trabajo con React en mi proyecto y una parte de la web puede estar en Angular manejada por otro equipo. Fue lo que más me gustó cuando entré.

@kuscamara Год назад

Como aportación que no sé si se habrá comentado ya, otra opción para usar micro frontends es Webpack Module Federation. Personalmente yo también creo que en general no son una buena idea porque, al contrario que con los microservicios, el resultado de usar micro frontends es visible para el usuario final. Me explico: si varias apps se desarrollan de forma totalmente independiente, al final creo que inevitablemente habrá diferencias en estilos, interacciones, transiciones, etc., además de que eso supone también no reutilizar recursos comunes penalizando tiempos de carga. Dicho esto, seguro que también hay casos en los que los micro frontends van como anillo al dedo. Gracias por el vídeo :)

@SaskeUchijaCol 2 года назад

Yo recuerdo que hace un año un compañero implementó eso de los micro frontends el problema fue que quedó no muy bien incluso no salió nunca producción y si ha generado muchos problemas por lo que primero nadie sabe darle mantenimiento a eso y lo otro es que no se integra eso con nada y se volvió fue en un problema que no existía Y que muy probablemente se tenga que volver a hacer

@ManuelZapata 2 года назад

Interesante experiencia Raúl! Gracias por compartirla.

@skull2449 2 года назад

Mereces más seguidores. Ojalá y cada vez te vaya mejor. Hermoso video y contenido en general!

@AndresSossa 2 года назад

muy buen video, excelente explicación, al final la necesidad debe ser quien te guie y no complicar el dominio de negocio solo por moda.

@roy_c 2 года назад

Yo trabaje en mercado libre y cada pagina casi es un microfrontend. Si bien no tocaba la app principal, sino una tool interna, tambien era un microfrontend. Da mucha versatilidad la verdad.

@ManuelZapata 2 года назад

Gracias por compartir esa experiencia!

2 года назад

Excelente explicación. Buena arquitectura, bien aplicada puede ser muy útil. Aplicada sin necesidad real no tiene ningúna ventaja.

@germancocca958 2 года назад

Excelente contenido! Me gusta mucho lo generales y fáciles de entender que son tus explicaciones. Te felicito!

@Alejandrodaniel1818 2 года назад

También consideró lo mismo como dices en la conclusión, yo desarrollo en Vue y los componentes mayormente los manejos como micro frontend por así decirlo, lo de microservicios si tiene más utilidad pienso, si se ve de una perspectiva diferente, más parece aplicaciones monolíticas específicas que se agrupa

@lims41 2 года назад

Muy interesante Manuel. Sin ser especialista en el tema, comparto la opinión final sobre estos microservicios en el front. Su uso debe ser si sólo si la aplicación lo requiere y no por moda

@ManuelZapata 2 года назад

*La aplicación y el equipo lo requieren. Gracias por tu opinión, Santiago!

@bezael 2 года назад

Buen, video amigo Manuel. Tengo que reaccionar a este video 🫢

@ManuelZapata 2 года назад

Que se venga esa reacción compadre!

@marthiynashi 2 года назад

Excelente explicación, muchas gracias por compartir tus conocimientos.

@ManuelZapata 2 года назад

Con gusto Martha!

@faller222 2 года назад

excelente! al final el sistema se convierte en una series de Apps, el subSistema de Configuracion, el subSistema de pagos, el subSistema de catalogo, el subSistema de ...

@guillermosolia 2 года назад

Exelente video Manuel. Quizás convenga trabajar como módulos, cómo comentaste en el vídeo de monolitos modulares, así si en el futuro aparece la necesidad de evaluar la aplicación de microfrontends la solución permita más fácilmente su implementación. Un genio como siempre Manuel. Saludos

@ManuelZapata 2 года назад

Esa es una idea interesante, Guillermo

@ernestorh6110 2 года назад

Estelares tus videos! Saludos desde Cuba 🇨🇺

@ManuelZapata 2 года назад

Gracias Ernesto! 🙏

@moviedomof 2 года назад

mmmm esta bueno pero lo dejaría madurar. ya va a salir algún framework o libreria contenedor avanzado para hacer esto

@leonardohidrovo4729 Год назад

@ManuelZapata como se manejaría las seguridades como la autenticación en este esquema de microfrontends?

@code_castle 2 года назад

Me gusta lo que explicaste.

@atl.academy 2 года назад

bueno, en mi proyecto hay una parte que mostramos reportes en google data studio, en otra google maps, y en otra youtube... todos s... si vamos al caso, eso serían microfrontends?

@ManuelZapata 2 года назад

Yo creo que no, Lucas. Lo que tienes es un frontend donde embebes usando iFrames. Un micro frontend involucra temas más complejos en cuanto a organización de equipos, comunicación/infraestructura de aplicaciones.

@yair54 Год назад

Muy buen video , una duda : es válido aplicar el concepto de microfrontend para separar auténticas soluciones en una sola? Me explico : tengo tres aplicaciones empresariales que no tienen nada que ver entre sí pero estas las queremos centralizar en un “cascarón “ único que parezca que al final son la misma. (Algo así como un ERP que tiene diferentes módulos que algunos no tienen nada que ver con otros)

@defaultName-gw1vg 2 года назад

👍🏻 muy buen video

@haroldmunoz1775 2 года назад

Buen día Manuel. Tengo una inquietud y es que si uno a nivel backend desea usar más de un lenguaje, ej .NET y Django con Python, como uno maneja la seguridad? Digamos si uno consume servicios del frontend como uno administra el JWT si usa ambos backend. Gracias desde Colombia

@nicolasericesmendez8421 2 года назад

no creo que los microfrontend sea el futuro del frontend siento que es mas un problema que solución. pero muy buena explicación super claro

@TheArokLair 2 года назад

Hola Manuel, gracias por el tutorial sabes he estado buscando algo así para aplicaciones móviles basadas en React Native encontré algo con OTA Updates y usando features flags de firebase me pareció interesante también apalancar el concepto en móviles

@marcogrijalva816 2 года назад

Me queda duda de como esos microfontends compartirían el state de toda la aplicación, por ejemplo para variables de state que requieran que lo utilize el micro X pero se creó en el micro Y...

@javier01123 2 года назад

gracias!

@ManuelZapata 2 года назад

Con gusto!

@MiguelLeon-tw2ii Год назад

Se ve como complicar las cosas son necesidad, ya para eso existen las librerías reactivas, qué tienen componentes independientes, comunicarse por medio de backend 2 microfrontend es hacer más consumo de recursos y tiempo, es más enredado

@device8466 2 года назад

alguien que lo haya requerido que me responda porfa, ¿es posible que varios virtual host apunten a un mismo folder?, lei que google penaliza eso, pero creo que si apunta al mismo sitio aplica

@jesusfuentes1449 2 года назад

Cual seria el caso de uso más cercano en la que este concepto pueda darnos mayor beneficio? y Saludos

@ManuelZapata 2 года назад

Frontends grandes donde cada uno de sus módulos necesite evolucionar de forma independiente a los otros.

@ivangalicia4618 2 года назад

No se si se tome el Event driven design para front end

@BreegBenjamin 2 года назад

@ManuelZapata 2 года назад

Te refieres a arquitecturas orientadas a eventos?

@davidsanchezmancilla6765 2 года назад

Si no estoy mal el laucher de league of legends por Riot Games utiliza esté concepto.

@seluesma Год назад

Sacate un curso en Udemy bien completo sobre microfrontend

@ManuelZapata Год назад

Gracias por la sugerencia, Santiago! Será que si hay suficiente gente interesada?

@elbranching 2 года назад

Aunque tu video está un poco largo, el contenido es tan bueno que ni sentí el paso del tiempo. Te felicito! Ahora, mi opinión acerca de los microfrontend es: mmm... no lo se Rick... [ponga meme del tipo de la casa de empeño XD] Las razones son las mismas que mencionaste al final y por otro lado, hay una moda de separarlo todo en muchos servidores... y que los dockers... y los buses de datos... pareciera que todo el mundo anda construyendo facebooks y twitters por todo lado, incluso conocí una startup que se aventó de primeras y sin clientes, a hacer todo con microservicios y kafka... en fin Pero esto pasa porque muchos piensan que consumir un microservicio no tiene lag o que es algo despreciable, además a mi modo de ver, cada microservicio es un punto de fricción en el sistema (y un webservice pues ni hablar) porque es mas probable que las cosas salgan mal cuando los datos tienen que salir por un cable de red a que sean pasados a una librería que se instancia dentro del mismo procesador. Una preguntica: tenía entendido que los iFrames tienen serios problemas de seguridad. No se si eso sea algo que se quedó en el pasado o realmente no era tan grave ¿sabes algo al respecto?