MENU

Fun & Interesting

Micro-Frontends in Just 10 Minutes

Jack Herrington 244,234 lượt xem 3 years ago
Video Not Working? Fix It Now

Take ten minutes to create three applications using Module Federation to create and share a Micro-Frontend between SolidJS and React.

Check out our book "Practical Module Federation": https://module-federation.myshopify.com/
As well as the playlist of Module Federation videos: https://www.youtube.com/playlist?list=PLNqp92_EXZBLr7p7hn6IYa1YPNs4yJ1t1

Code: https://github.com/jherr/micro-fes-in-10-minutes

👉 What's my theme? Night Wolf [black]
👉 What's that font? MonoLisa
👉 I'm a host on the React Round Up podcast: https://devchat.tv/podcasts/react-round-up/
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5

00:00 Introduction
00:13 Creating the host app
01:00 Creating the remote app
02:10 Creating the Micro-Frontend
04:05 Exposing the Micro-Frontend
04:45 Consuming the Micro-Frontend
07:00 Creating the React host app
08:00 Wrapping the Micro-Frontend
09:00 Consuming the Micro-Frontend in React
10:18 Outroduction

Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel.

#microfrontends #modulefederation #webpack5 #react #solidjs

Comment