860: Module Federation Microfrontends with ByteDance’s Zack Jackson

Syntax - Tasty Web Development Treats

Wes and Scott talk with Zack Jackson about Module Federation, and the innovative ways it streamlines collaboration across large teams and complex applications. Zack also dives into simplifying microfrontends, optimizing builds with Rspack, and his work at ByteDance.

Show Notes

• 00:00 Welcome to Syntax!
• 00:48 Zach background and role at ByteDance
• 03:10 ByteDance’s web and native apps
  • How ByteDance Became the World’s Most Valuable Startup
  • Lynx
  • ByteDance GitHub
  • Coze
  • Lark
  • MarsCode
• 06:48 What is Module Federation?
  • Zephyr Cloud
• 15:49 Evolution from V1 to V2 of Module Federation
• 24:47 When to consider Module Federation
• 29:46 How would you publish a utils package in Module Federation?
• 32:59 How would you do a major upgrade?
• 36:36 Brought to you by Sentry.io
• 37:01 Who owns the update process?
• 39:40 Handling multiple frameworks
• 42:10 ModernJS and Meta frameworks
  • ModernJS
  • Rspress
• 47:20 Does ByteDance have its own JavaScript runtime?
  • NAPI
• 50:02 Why Zack built Rspack
  • Rspack
  • Rsbuild
• 58:15 The future of Rspack and custom bundlers
  • Unpack
• 01:04:24 Module Federation’s major features
• 01:07:29 Sick Picks & Shameless Plugs

Shameless Plugs

• Zack:
  • Zephyr Cloud
  • Midscene.js

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads