¿Qué es el Micro Frontend?

En este video hablaremos con Bezael Pérez del canal ‪@DominiCode‬ sobre algunas preguntas del micro-frontend
Canal dominicode: / @dominicode
Twitter dominicode: / domini_code
Twitter Bezael Pérez: / bezael_dev
00:00 Introducción
01:20 ¿Qué es el micro frontend?
02:28 ¿Por qué debería considerar aprender micro frontend?
03:43 Frameworks recomendados para micro frontend en Angular
05:41 ¿Cuál es el error más común a la hora de implementar micro frontend?
08:40 ¿Por qué el frontend imita tanto al backend?
09:45 ¿Existe algún escenario donde valga realmente la pena usar micro frontend?
12:28 ¿El micro frontend es algo pasajero con mucho hype?
💻 CURSO de Patrones de Diseño en C# y ASP .Net: www.udemy.com/course/aprender...
💻 CURSO de C# .Net: www.udemy.com/course/curso-de...
Si quieres apoyarme y darme para una cerveza puedes hacerlo por aquí: paypal.me/HectorDeLeonGuevara
Puedes apoyarme desde 0.5 USD al mes uniéndote como miembro al canal aquí: / @hdeleonnet
La falta de respeto tanto a mí como a cualquier otra persona y el SPAM son razones de bloqueo en mi canal.
"Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use"
Sigueme en twitter ⇒ / powerhdeleon
Sigueme en facebook ⇒ / hdeleon666
Mi Sitio web ⇒ hdeleon.net
#programación #frontend #microfrontend

Пікірлер: 56

  • @hdeleonnet
    @hdeleonnet2 жыл бұрын

    Sigue a Bezael Pérez aquí: Canal dominicode: kzread.info/dron/3QuZuJr2_EOUak8bWUd74A.html Twitter dominicode: twitter.com/domini_code Twitter Bezael Pérez: twitter.com/bezael_dev

  • @francm_1

    @francm_1

    2 жыл бұрын

    Yo tengo un pregunta, cual seria la forma ideal para comunicar dos micro-frontend aislados?

  • @zonadeinvestigacion
    @zonadeinvestigacion2 жыл бұрын

    Un genio Patrice Evra, no sabía que también es experto en Frontend😁

  • @r.osorio02

    @r.osorio02

    2 жыл бұрын

    JajajAjaja es todo un crack el Patrice 🤣

  • @misanc21
    @misanc212 жыл бұрын

    Ando en un proyecto para un banco, con Angular y no sabia (el termino "microfrontend") que estabamos trabajando de esta manera. las ventajas son que los cambios se hacen por "Journeys" (modulos de pago del sistema, dashboard, etc.) y no afectan a los demás, aparte que los deploy son por modulo y no por todo el sistema. La desventaja es que aunque el modo de trabajo si está algo estandarizado, la logica de los equipos suele ser algo diferente. Entonces, cuando debes de trabajar con diferentes modulos, te puedes llegar a confundir en la manera de trabajo de cada team.

  • @joseenrique6948
    @joseenrique69482 жыл бұрын

    Excelente entrega, gracias chicos

  • @gavilanch2
    @gavilanch22 жыл бұрын

    Brillante lo de tener distintas versiones del mismo framework/librería en el mismo proyecto. No lo había pensado como un punto a favor de los Micro Frontend. Gracías por la respuesta!

  • @BreegBenjamin
    @BreegBenjamin2 жыл бұрын

    Buen video... Gustazo ver al crack Dominicode.

  • @ramiroalegre8183
    @ramiroalegre81832 жыл бұрын

    Muy interesante charla y preguntas, gracias por el video y al invitado por estar!

  • @gonzalogarcia8288
    @gonzalogarcia82882 жыл бұрын

    Nuevamente excelente vídeo y excelente invitado 👍

  • @JorgeGonzalez-jo3zv
    @JorgeGonzalez-jo3zv2 жыл бұрын

    Domini Code lo sigo desde hace rato y es muy bueno!, genial!

  • @wilmerestrada7813
    @wilmerestrada78139 ай бұрын

    Ya esta loco voy a aprender Micro Frontend eso de seccionar el frontend en varias mini aplicaciones si que me gusta.

  • @ManuelZapata
    @ManuelZapata2 жыл бұрын

    12:00 Muy buen video muchachos!! No entiendo porque Bezael se ofendió con mi pregunta inocente jejeje... Que se arme el debate?

  • @hdeleonnet

    @hdeleonnet

    2 жыл бұрын

    ya haces falta por estos lugares compa

  • @levieraf
    @levieraf2 жыл бұрын

    Hola buen video, no habia escuchado este concepto de micro frontend, yo creo que un buen ejemplo para esto seria orientado a la banca, la banca puede tener varias aplicaciones embebidas adentro de la aplicacion principal, algo asi como Modulos, que el cliente es capaz o no de querer activar. Dicho de otra manera, los modulos son un conjunto para formar un sistema, un modulo de conciliacion bancaria es todo un mundo dentro de un sistema administrativo, luego esta la facturacion, o en recursos humanos, en fin, espero haberme dado a entender con estos ejemplos, gracias! buen video! :)

  • @jordimayer1308
    @jordimayer13082 жыл бұрын

    Saludos desde Rep Dom que bueno que esten unidos y apoyandose mutuamente. Dios les conceda la salvación que es en Cristo Jesús.

  • @freddvincent
    @freddvincent2 жыл бұрын

    *Excelente! Microfrontend se ve bien!*

  • @israelpina8496
    @israelpina84962 жыл бұрын

    Muy buen video y sobre todo preguntas concisas y buenas. Como dev "full stack" da miedo ver el monstruoso unverso que se esta generando de lado del front. PD: Andaba buscando el post de medium del arquitecto de Wix. no lo vi por ningun lado 8-)

  • @julioMezaIglesias
    @julioMezaIglesias2 жыл бұрын

    Excelente contenido

  • @Harbinger835
    @Harbinger8352 жыл бұрын

    Muy interesantes puntos! la verdad soy un poco esceptico de los micro frontends, fundamentalmente un microservicio es mas que una arquitectura de servicios orquestados. no olvidarse que un microservicio o microfrontend debe ser deployable independientemente y por filosofia debe ser "pequeño" la definicion de pequeño depende de la empresa pero por lo general es algo que puedes reimplementar desde 0 en uno o dos sprints. desde ese punto un frontend para todo com componentes deberia soportar todo lo que se consume desde el backend, ahora si el proyecto es demasiado grande y necesitas coordinar diferents equipos independientemente, puedo ver su utilidad en ese sentido, y por supuesto una arquitectura con este arrastre no se va a ir a ningun lado pronto, no es mas que una evolucion de una tendencia que viene desde hace años y muchas personas confunden microservicios con esta arquitectura, estoy hablando de Arquitectura orietnada a servicios. Es algo tan util en proyectos a gran escala por la libertad organizacional que te brinda. Sin embargo Microservicios se diferencia de esta por la independencia en deployabilidad y sobre todo el tamaño.

  • @CelsiusAray
    @CelsiusAray2 жыл бұрын

    Nunca la he usado pero creo que va a ser usado ampliamente. No solo por tamaño de aplicación sino por el versionado de componentes. La evolución de las librerías de js o framework de js son enormes. De aquí a un par de años posiblemente será difícil conseguir desarrolladoras que maneje todo el “legacy” de las versiones. Mas con el manejo de los estados y poder convivir secciones con hooks otros swr y redux, etc será todo un retro y esto representa una solución. Recordar que es muy costoso mantener una App en vanguardia en todos sus módulos.

  • @Develoteca
    @Develoteca2 жыл бұрын

    00:47 saludos amigos,

  • @shayuru
    @shayuru2 жыл бұрын

    Los nombraron micro frontend para escucharse "sofisticados", pero bien le hubieran nombrado "widgets con esteroides"

  • @ewalshp
    @ewalshp2 жыл бұрын

    Excelente

  • @flamess007
    @flamess0072 жыл бұрын

    Interactuando para que me salga más este tipo d econtenido

  • @geekhadev
    @geekhadev2 жыл бұрын

    Hector, hace poco escuché en el canal de Midudev de que no es una buena práctica combinar diferentes tecnologías en el FrontEnd que es una mala práctica. Podrías coordinar una colaboración para aclarar el tema.

  • @nicolaspotieranzola4352
    @nicolaspotieranzola4352 Жыл бұрын

    Tener en cuenta que el comentario de Manuel es por una perspectiva de un arquitecto, no un dev, ni un devops

  • @matepartial2791
    @matepartial27912 жыл бұрын

    Primer Comentario. Buen vídeo

  • @anibalhg
    @anibalhg2 жыл бұрын

    Hay una especificación de Java de hace años llamado Portlets, no sé si también se le llamaría Micro Frontend?

  • @crisanger
    @crisanger2 жыл бұрын

    Me compraron con la idea

  • @AlejandroInforma
    @AlejandroInforma2 жыл бұрын

    Hola Buenas tardes . Minuto 5:20 .. donde estan dando loso WorkShop a los miembros de tu comunidad

  • @misaelpereira9679
    @misaelpereira96792 жыл бұрын

    Yo creo que es necesario el micro-frontend, estuve trabajando en un proyecto de un año y medio de una aplicación bancaria y llegó un punto en el que la aplicación crecio demasiado y era inmantenible, y era una app de al menos unas 8 vistas distintas, hubiese sido mejor si se hubiese separa en 8 micro-frontends

  • @locopumpgm
    @locopumpgm2 жыл бұрын

    Alguien tiene el link de medium del arquitecto de wix?

  • @pktron
    @pktron2 жыл бұрын

    Bueno el video, yo creo que el punto mas fuerte de los microFE es en el CI/CD igual que en en los microservicios si uno falla aun se pueden usar los otros, solo tendrias que deployar ese micro sin tener riesgo de afectar otro, tambien puedes configurar los pods solo con lo necesario.

  • @crackzz8913

    @crackzz8913

    2 жыл бұрын

    La pregunta es, cómo hacer el CI/CD de manera independiente

  • @pktron

    @pktron

    2 жыл бұрын

    Pues lo mas comun es con docker, kubernetes y algo como Jenkins pero estaria buenisimo una video con alguien que se dedique a eso

  • @EduaRestrepoVideo
    @EduaRestrepoVideo2 жыл бұрын

    El micro fronted es similar a trabajar con sub módulos?

  • @orlandog1979
    @orlandog1979 Жыл бұрын

    Mas piedras en la mochila para los full stacks jejejej...No SE si me alcance la vida para aprender Todo jejejeje

  • @diegoperez-mu1dm
    @diegoperez-mu1dm2 жыл бұрын

    Y que paso con el enlace de el articulo

  • @estogan
    @estogan11 ай бұрын

    Alguien sabe cuál es el artículo del que hablan 14:08

  • @migles1728
    @migles17282 жыл бұрын

    Mi gran pregunta es como mantienes las sesiones o el login o los tokens, como trabajara esta parte para el desarrollo, temas de seguridad seria mi gran pregunta... es la gran duda que tengo en mi cabeza

  • @crackzz8913

    @crackzz8913

    2 жыл бұрын

    Es que es muy complicado u.u

  • 2 жыл бұрын

    No termino de comprender, si querés reutilizar parar eso usas componentes, pero con este esquema no hay una recarga del dom o core entre páginas que sería evitada si todo fuera una ?

  • 2 жыл бұрын

    La única ventaja que le veo es que si se mantiene una parte nunca afectaría las otras pero veo un beneficio a costa de una costo de rendimiento del lado del cliente, jaja va eso entendió del vídeo que no se nada del tema 😅

  • @gilbertomagana2331
    @gilbertomagana2331 Жыл бұрын

    Hola me gustan mucho tus vídeos pero tú sonido se oye muy abajo necesito subirle a todo mi auriculares o se distorsiona

  • @elbalagardo43
    @elbalagardo432 жыл бұрын

    Domincode seems like a got high before recording this video

  • @Barathrum069
    @Barathrum0692 жыл бұрын

    Que bueno que a Bezael lo auspicia Nike.

  • @ALEnsGAMER
    @ALEnsGAMER2 жыл бұрын

    Chale no c nada xd

  • @crisanger
    @crisanger2 жыл бұрын

    Webpack esta muerto. Vite o EsBuild son 20x mas rapidos

  • @CarlosLopez-lf1un

    @CarlosLopez-lf1un

    2 жыл бұрын

    En este momento ya webpack no tiene sentido a la par de Vite, eso si una migración no la recomiendo en un proyecto grande, es un auténtico dolor de cabeza

  • @carminemaggio5464

    @carminemaggio5464

    2 жыл бұрын

    Me entero, jeje que tiene Vite que no tenga Webpack?

  • @CarlosLopez-lf1un

    @CarlosLopez-lf1un

    2 жыл бұрын

    @@carminemaggio5464 rapidez

  • @carminemaggio5464

    @carminemaggio5464

    2 жыл бұрын

    @@CarlosLopez-lf1un En el desarrollo, en la configuración, en el compilado? En que sentido hay más rapidez ?

  • @CarlosLopez-lf1un

    @CarlosLopez-lf1un

    2 жыл бұрын

    @@carminemaggio5464 en todo lo que mencionaste, que usas para debug? Si solo haces scripts pequeños o single components no hay diferencia, si haces un proyecto grande se nota, los tiempos de ejecución son horribles

  • @SystKoRn
    @SystKoRn Жыл бұрын

    para tener un "microfrontend" se me hace que los proyectos son muy legacy de mantenimiento y quieren mergear todo lo que tenian porque aveces en proyectos grandes y antiguos no se tuvo un path de desarrollo, es la unica manera que le veo utilidad aun asi viene a ser muy engorroso matener esto

  • @juliandavid3013
    @juliandavid3013 Жыл бұрын

    Se parece a Mbappe XD