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. <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:48">00:48</a> Zach background and role at ByteDance</li> <li class="has-line-data" data-line-start="6" data-line-end="13"> <a href="#t=03:10">03:10</a> ByteDance’s web and native apps <ul> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://hbr.org/2022/02/how-bytedance-became-the-worlds-most-valuable-startup"> How ByteDance Became the World’s Most Valuable Startup</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://github.com/bytedance/lynx-llm">Lynx</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://github.com/bytedance">ByteDance GitHub</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://www.coze.com/">Coze</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://www.larksuite.com/">Lark</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://www.marscode.com/">MarsCode</a></li> </ul> </li> <li class="has-line-data" data-line-start="13" data-line-end="15"> <a href="#t=06:48">06:48</a> What is Module Federation? <ul> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://www.zephyr-cloud.io/">Zephyr Cloud</a></li> </ul> </li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=15:49">15:49</a> Evolution from V1 to V2 of Module Federation</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=24:47">24:47</a> When to consider Module Federation</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=29:46">29:46</a> How would you publish a utils package in Module Federation?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=32:59">32:59</a> How would you do a major upgrade?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=36:36">36:36</a> Brought to you by <a href="https://sentry.io">Sentry.io</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=37:01">37:01</a> Who owns the update process?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=39:40">39:40</a> Handling multiple frameworks</li> <li class="has-line-data" data-line-start="22" data-line-end="25"> <a href="#t=42:10">42:10</a> ModernJS and Meta frameworks <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://modernjs.dev/">ModernJS</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://rspress.dev/">Rspress</a></li> </ul> </li> <li class="has-line-data" data-line-start="25" data-line-end="27"> <a href="#t=47:20">47:20</a> Does ByteDance have its own JavaScript runtime? <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://nodejs.org/api/n-api.html">NAPI</a></li> </ul> </li> <li class="has-line-data" data-line-start="27" data-line-end="30"> <a href="#t=50:02">50:02</a> Why Zack built Rspack <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://rspack.dev/">Rspack</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://rsbuild.dev/">Rsbuild</a></li> </ul> </li> <li class="has-line-data" data-line-start="30" data-line-end="32"> <a href="#t=58:15">58:15</a> The future of Rspack and custom bundlers <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://github.com/hardfist/unpack">Unpack</a></li> </ul> </li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=01:04:24">01:04:24</a> Module Federation’s major features</li> <li class="has-line-data" data-line-start="33" data-line-end="35"> <a href="#t=01:07:29">01:07:29</a> Sick Picks & Shameless Plugs</li> </ul> <a id="Shameless_Plugs_35"></a>Shameless Plugs <ul> <li class="has-line-data" data-line-start="37" data-line-end="41"> Zack: <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://www.zephyr-cloud.io/">Zephyr Cloud</a></li> <li class="has-line-data" data-line-start="39" data-line-end="41"> <a href="https://midscenejs.com/">Midscene.js</a></li> </ul> </li> </ul> <a id="Hit_us_up_on_Socials_41"></a>Hit us up on Socials! Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

860: Module Federation Microfrontends with ByteDance’s Zack Jackson

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews