--- title: "#microfrontend articles | Hashnode" description: "Explore 141 articles tagged #microfrontend on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/microfrontend" --- Tag # #microfrontend 141 posts · 78 followers [Cody Carlson](https://hashnode.com/@cscarlson) · [12h ago](https://hashnode.com/posts/pure-native-micro-frontends/6af4efc4fc67b7faa3b44f49) ### [Pure Native Micro-Frontends](https://tbt.hashnode.dev/pure-native-micro-frontends?utm_source=hashnode&utm_medium=feed) Discover how the Remote Module Definition (RMD) pattern brings build-free, zero-dependency native partials directly to the browser 11 min read · [tbt.hashnode.dev](https://tbt.hashnode.dev/pure-native-micro-frontends?utm_source=hashnode&utm_medium=feed) [ThankGod Chibugwum Obobo](https://hashnode.com/@actocodes) · [Oct 26](https://hashnode.com/posts/the-future-of-micro-frontends/6adf4f8b5fc7e836aba02609) ### [The Future of Micro-Frontends: How to Combine Module Federation with Server-Side Rendering (SSR)](https://actocodes.hashnode.dev/the-future-of-micro-frontends?utm_source=hashnode&utm_medium=feed) Client-side Module Federation has a well-known weakness, the browser downloads a shell, then fetches remotes, then renders. Users stare at a blank page, and crawlers may see very little. For content-h 7 min read · [actocodes.hashnode.dev](https://actocodes.hashnode.dev/the-future-of-micro-frontends?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Sep 23](https://hashnode.com/posts/5-frontend-mistakes-i-made-early-in-my-career/6ab335cfccda31846aa99360) ### [5 Frontend Mistakes I Made Early in My Career](https://jayesh-sojitra.hashnode.dev/5-frontend-mistakes-i-made-early-in-my-career?utm_source=hashnode&utm_medium=feed) Before I could write 28 days of frontend advice, I made every mistake in it first. Here they are, no filter. 4 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/5-frontend-mistakes-i-made-early-in-my-career?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/5-frontend-mistakes-i-made-early-in-my-career/6ab335cfccda31846aa99360) [Chloe Zhou](https://hashnode.com/@chloezhoudev) · [May 16](https://hashnode.com/posts/migrating-mui-in-a-single-spa-microfrontend-what-the-official-docs-don-t-tell-you/6a07b673ea8975272b5a0e27) ### [Migrating MUI in a Single-SPA Microfrontend — What the Official Docs Don't Tell You](https://chloezhou.dev/migrating-mui-in-a-single-spa-microfrontend-what-the-official-docs-don-t-tell-you?utm_source=hashnode&utm_medium=feed) A chronological account of MUI v4 → v6 style conflicts in a single-spa microfrontend — dynamic conflicts, static CSS leakage, and what changes when you finally upgrade the child apps. 8 min read · [chloezhou.dev](https://chloezhou.dev/migrating-mui-in-a-single-spa-microfrontend-what-the-official-docs-don-t-tell-you?utm_source=hashnode&utm_medium=feed) [Chloe Zhou](https://hashnode.com/@chloezhoudev) · [Apr 23](https://hashnode.com/posts/static-css-leakage-in-microfrontends-why-shadow-dom-fails-and-how-postcss-prefix-selector-fixes-it/69e9f8e416b084c068037352) ### [Static CSS Leakage in Microfrontends — Why Shadow DOM Fails and How postcss-prefix-selector Fixes It](https://chloezhou.dev/static-css-leakage-in-microfrontends-why-shadow-dom-fails-and-how-postcss-prefix-selector-fixes-it?utm_source=hashnode&utm_medium=feed) Static CSS in a child app was leaking into the host app — here's why Shadow DOM couldn't fix it and how postcss-prefix-selector solved it. 8 min read · [chloezhou.dev](https://chloezhou.dev/static-css-leakage-in-microfrontends-why-shadow-dom-fails-and-how-postcss-prefix-selector-fixes-it?utm_source=hashnode&utm_medium=feed) [Chloe Zhou](https://hashnode.com/@chloezhoudev) · [Apr 13](https://hashnode.com/posts/mui-v4-v5-style-conflicts-in-single-spa-a-complete-debug-record/69dd774b217f5dfcbd5db8a3) ### [MUI v4/v5 Style Conflicts in single-spa — A Complete Debug Record](https://chloezhou.dev/mui-v4-v5-style-conflicts-in-single-spa-a-complete-debug-record?utm_source=hashnode&utm_medium=feed) How I tracked down a shape-shifting UI bug caused by JSS and Emotion competing for insertion order in a single-spa microfrontend. 8 min read · [chloezhou.dev](https://chloezhou.dev/mui-v4-v5-style-conflicts-in-single-spa-a-complete-debug-record?utm_source=hashnode&utm_medium=feed) [Ankit Singh](https://hashnode.com/@ankitsinghmyself) · [Apr 11](https://hashnode.com/posts/micro-frontend-architecture-react/69da76eac8e5007ddbc627e7) ### [How we stopped fearing deployments by moving to Micro Frontend architecture](https://ankitsinghmyself.hashnode.dev/micro-frontend-architecture-react?utm_source=hashnode&utm_medium=feed) A practical walkthrough of MFE shell architecture — what it is, why we needed it, and how we actually set it up. 4 min read · [ankitsinghmyself.hashnode.dev](https://ankitsinghmyself.hashnode.dev/micro-frontend-architecture-react?utm_source=hashnode&utm_medium=feed) [Leela Krishna Mohan](https://hashnode.com/@krishnaleela) · [Apr 10](https://hashnode.com/posts/micro-frontend-architecture-part-2-implementation-guide-and-production-patterns/69d92ca2e85536c6adeb0e28) ### [Micro Frontend Architecture Part 2: Implementation Guide and Production Patterns](https://krishna-devlog.hashnode.dev/micro-frontend-architecture-part-2-implementation-guide-and-production-patterns?utm_source=hashnode&utm_medium=feed) Complete implementation guide for Micro Frontends with Module Federation. Production-ready code examples for state management, routing, performance. 15 min read · [krishna-devlog.hashnode.dev](https://krishna-devlog.hashnode.dev/micro-frontend-architecture-part-2-implementation-guide-and-production-patterns?utm_source=hashnode&utm_medium=feed) [Leela Krishna Mohan](https://hashnode.com/@krishnaleela) · [Apr 7](https://hashnode.com/posts/micro-frontend-architecture-part-1-when-it-makes-sense-and-when-it-doesnt/69d532215da14bc70e728f2b) ### [Micro Frontend Architecture Part 1: When It Makes Sense and When It Doesn't](https://krishna-devlog.hashnode.dev/micro-frontend-architecture-part-1-when-it-makes-sense-and-when-it-doesnt?utm_source=hashnode&utm_medium=feed) Learn when Micro Frontends make sense for your team and when they're overkill. Real-world decision framework, performance benchmarks 8 min read · [krishna-devlog.hashnode.dev](https://krishna-devlog.hashnode.dev/micro-frontend-architecture-part-1-when-it-makes-sense-and-when-it-doesnt?utm_source=hashnode&utm_medium=feed) [Saurabh Gupta](https://hashnode.com/@g100rabh) · [Mar 9](https://hashnode.com/posts/from-single-repos-to-nx-my-first-monorepo-adventure/69af048faf06a097c3ba1056) ### [From Single Repos to Nx: My First Monorepo Adventure](https://codecraft-by-saurabh.hashnode.dev/from-single-repos-to-nx-my-first-monorepo-adventure?utm_source=hashnode&utm_medium=feed) How I moved from single repositories to an Nx monorepo while working on frontend applications and what I learned along the way. 5 min read · [codecraft-by-saurabh.hashnode.dev](https://codecraft-by-saurabh.hashnode.dev/from-single-repos-to-nx-my-first-monorepo-adventure?utm_source=hashnode&utm_medium=feed)