¿Esto es MICRO-FRONTEND? Implementalo en React Module Federation

"En este video aprenderás cómo utilizar la Federación de Módules en React para mejorar la organización y escalabilidad de tu aplicación. Aprenderás cómo crear módulos independientes y cómo compartirlos entre diferentes aplicaciones React.
Además, veremos cómo configurar y utilizar Webpack para lograr esto. ¡No te pierdas este tutorial para sacar el máximo provecho de tu aplicación React!"
Repo: github.com/dom...
Se parte de la comunidad dominicode!
¿Quieres acceso exclusivo a nuestro contenido?
/ @dominicode
Curso de Angular 9 Udemy:
www.udemy.com/...
📺 Suscríbete al canal: www.youtube.co...
📸 Instagram: / domini_code
🌎 Website: dominicode.com
📱 Twitter: / domini_code
📝 LinkedIn: / dominicode
📂 GitHub: github.com/dom...
🎥 Twitch: / dominicode_live

[@DominiCode]

¿Qué te ha parecido?

[@mugatu2017]

He asistido a charlas sobre Module federation en angular, hay un libro de un tal Manfred, un gurú en el tema

[@aroncode]

Desde que Webpack sacó Module Federation, éste es el único vídeo corto que enseña facilmente cómo usar la funcionalidad básica. Gracias

[@DominiCode]

Muchas gracias, por tu comentario

[@marcosjrs]

Genial Bezael, como siempre. Ya me estoy quedando sin uñas esperando esos nuevos videos al respecto.

[@DominiCode]

Muy pronto

[@alexsandroantonio8928]

Parabéns pela didática, Muito obrigado pela explicação.

[@DominiCode]

Obrigado por comentar. Espero aprender português para poder ensinar você em português.

[@Fernando.Mastropietro]

Me encanto y muy practico !

[@DominiCode]

Gracias 😊

[@LocalGhost_8080]

Oye. Cuál o cuáles son las formas recomendadas para pasar props y compartir el state (supongo que por prop) entre componentes de diferentes apps?? en donde trabajo guardan valores en las propiedades html y el localStorage. Se puede usar el contexto de la app A dentro de la B federada?

[@_hugo_cruz]

Genial bro!!!

[@DominiCode]

Gracias!!

[@LocalGhost_8080]

Justo estoy iniciando en un proyecto con mucho legacy y están usando module federation y se ve medio caótico. Espero aportar con orden y estabilidad

[@DominiCode]

Muchas gracias! por comentar, Jose.

[@luisfrontendvue01]

Si quisiera usar el microfrontend para tener un host que sirva solo para montar aplicaciones hijas que tiene sus propias rutas, como sería la configuración ? quien manejaría las rutas ? ya sea que se use react-router o vue-router ? Ejemplo: En el host tengo una app que tiene un menu que dice app1, app2... appN°, cuando yo le de click al link app1 quiero que haga el cambio a la aplicacion 1 que tiene su propia ruta, store y estilos ?... yo me imagino ya expongo el app principal de la aplicacion front pero que pasa con las rutas ? .... por ahi va mi duda...

[@leonardobarrios1509]

Gracias por compartir tu conocimiento. Subiras contenido de module federation pero con angular :(

[@DominiCode]

Sí, lo veremos. Gracias 😊

[@mariavik1]

Hola, muy util el video, de pronto sabes por qué no me toma los estilos de tailwind en la app principal? saludos

[@alexbecci-p5c]

me paso lo mismo, te falta agregar el archivo index.scss en el expose algo asi lo tengo yo exposes: { './Header': './src/components/Header.jsx', './Footer': './src/components/Footer.jsx', './styles': './src/index.scss', }, y asi lo importo en el app import { Header } from "components/Header"; import { Footer } from 'components/Footer' import 'components/styles';

[@DominiCode]

Hola, lo has arreglado ?

[@DominiCode]

Gracias por comentar

[@agustinelseser9558]

hay forma de usar vite en vez de webpack?

[@DominiCode]

Hola, agustin. Sí se puede usar Vite

[@omarvargas3630]

Amigo, crees que hay forma de que se pueda usar con tailwindcss v3, ya que esta usando la v2 pero si intento actualizar a la v3, el container deja de tener en cuenta los estilos del micro remote.

[@EdgarOlivar]

Hola omar, se que puede ser tarde la respuesta... pero puedes probar, excluyendo la dependencia de tailwind en la parte de shared en webpack de la aplicacion que use la version que te esta dando problema

[@CodeWithDesign]

Te deja crear proyectos de angular?

[@DominiCode]

Sí, puedes usar Angular

[@mhanel1620]

Buenísimo, quiza hay algún avance con HMR (? Sabe ser un estrés recargar por un cambio jajaja

[@mugatu2017]

No lle veo las utilidad práctica, a no ser que sea para grandes aplicaciones corporativas

[@DominiCode]

Sí, es es la idea. Grandes apps

[@mugatu2017]

@@DominiCode Manfred Steyer, tiene libros sobre arquitectura de angular usando Module fedetation

[@lucianoarce2778]

que enredado esto de react MFE

[@yung_alba]

En aplicación de grandes escala es un golazo