You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
🧩 <strong>Micro Frontends</strong>: An architectural approach where frontend applications are broken down into smaller, independently deployable apps that work together.<br>
@@ -173,6 +174,7 @@ npm start
173
174
<h4>🧲 Step 2: Consume in the Host App</h4>
174
175
175
176
<h5>host-app/webpack.config.js</h5>
177
+
176
178
<CodeSnippetNumber="4"Language="js"Description="Module Federation Plugin setup in webpack config">
177
179
new ModuleFederationPlugin({
178
180
name:"host_app",
@@ -215,6 +217,7 @@ npm start
215
217
216
218
<BlogImageNumber="3"Description="Remote component loading in host component"
217
219
ImagePath="/images/blog/react/module-federation/Remote component loading in host component.png" />
220
+
<p><b>Notice</b> the network tab in above image to see <code>remoteEntry.js</code> file being loaded from <code>http://localhost:3001</code></p>
218
221
<pclass="tip">💡 And the best part? You can update the remote app independently, and the host will always fetch the latest version at runtime.</p>
0 commit comments