<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Frontend Architecture on cloudmato.com</title><link>https://cloudmato.com/tags/frontend-architecture/</link><description>Recent content in Frontend Architecture on cloudmato.com</description><generator>Hugo -- gohugo.io</generator><language>en</language><managingEditor>cloudmato.com</managingEditor><webMaster>cloudmato.com</webMaster><lastBuildDate>Tue, 16 Jun 2026 19:48:49 +0530</lastBuildDate><atom:link href="https://cloudmato.com/tags/frontend-architecture/index.xml" rel="self" type="application/rss+xml"/><item><title>Module Federation in UI: The Good, Bad, and Ugly</title><link>https://cloudmato.com/posts/module-federation-ui-development/</link><pubDate>Tue, 16 Jun 2026 19:48:49 +0530</pubDate><author>cloudmato.com</author><guid>https://cloudmato.com/posts/module-federation-ui-development/</guid><description>&lt;p&gt;At some point in a large enough frontend codebase, the build itself becomes the bottleneck. Thousands of components, dozens of teams, one monolithic bundle — something has to give. Module Federation is one of the more interesting solutions people have reached for, and it&amp;rsquo;s worth understanding properly before you commit to it.&lt;/p&gt;
&lt;h2 class="header-anchor-wrapper"&gt;What Is Module Federation?
&lt;a href="#what-is-module-federation" class="header-anchor-link"&gt;
&lt;svg
xmlns="http://www.w3.org/2000/svg"
width="1rem" height="1rem" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"&gt;
&lt;line x1="4" y1="9" x2="20" y2="9"&gt;&lt;/line&gt;&lt;line x1="4" y1="15" x2="20" y2="15"&gt;&lt;/line&gt;&lt;line x1="10" y1="3" x2="8" y2="21"&gt;&lt;/line&gt;&lt;line x1="16" y1="3" x2="14" y2="21"&gt;&lt;/line&gt;
&lt;/svg&gt;
&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Module Federation&lt;/strong&gt; is a feature introduced in Webpack 5 that lets JavaScript applications dynamically load code from &lt;em&gt;other&lt;/em&gt; JavaScript applications at runtime — not at build time [1]. That single distinction is what makes it different from everything else.&lt;/p&gt;</description></item></channel></rss>