--- title: "#micro-frontends articles | Hashnode" description: "Explore 9 articles tagged #micro-frontends on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/micro-frontends" --- Tag # #micro-frontends 9 posts · 1 followers [Karpaga vinayagam Thangavelu](https://hashnode.com/@vinayagamlabs) · [Apr 17](https://hashnode.com/posts/designing-scalable-frontend-architecture/69e279f8fd22b8ad62634e54) ### [Designing Scalable Frontend Architecture: Beyond Components & Hooks](https://vinayagamlabs.hashnode.dev/designing-scalable-frontend-architecture?utm_source=hashnode&utm_medium=feed) Why most React apps fail at scale—and how to design frontend systems that actually survive growth 9 min read · [vinayagamlabs.hashnode.dev](https://vinayagamlabs.hashnode.dev/designing-scalable-frontend-architecture?utm_source=hashnode&utm_medium=feed) [Ishaan Pandey](https://hashnode.com/@Ishaann) · [Apr 9](https://hashnode.com/posts/micro-frontends-the-ultimate-guide-react-vite-nextjs-react-native-module-federation/69d7d82253cb5827717245e4) ### [Micro Frontends: The Ultimate Guide — React, Vite, Next.js, React Native & Module Federation](https://ishaaan.hashnode.dev/micro-frontends-the-ultimate-guide-react-vite-nextjs-react-native-module-federation?utm_source=hashnode&utm_medium=feed) Everything you need to know about micro frontends — architecture, Module Federation, Next.js multi-zones, mobile super apps, and the trade-offs nobody warns you about 34 min read · [ishaaan.hashnode.dev](https://ishaaan.hashnode.dev/micro-frontends-the-ultimate-guide-react-vite-nextjs-react-native-module-federation?utm_source=hashnode&utm_medium=feed) [Sylvester Das](https://hashnode.com/@minifyn) · [Apr 2](https://hashnode.com/posts/how-to-use-ngrx-signals-for-state-management-in-angular-micro-frontend-apps/69ce73c90ff860b6deda660d) ### [How to Use NgRx Signals for State Management in Angular Micro-Frontend Apps](https://blog.minifyn.com/how-to-use-ngrx-signals-for-state-management-in-angular-micro-frontend-apps?utm_source=hashnode&utm_medium=feed) Discover how NgRx Signals revolutionize state management in Angular Micro-Frontend applications. Learn to implement reactive, performant state with \`signal()\`, \`computed()\`, and \`effect()\` for scalable architectures. 6 min read · [blog.minifyn.com](https://blog.minifyn.com/how-to-use-ngrx-signals-for-state-management-in-angular-micro-frontend-apps?utm_source=hashnode&utm_medium=feed) [Mohit Kumar](https://hashnode.com/@KumMoh) · [Mar 31](https://hashnode.com/posts/frontend-system-design-1-how-to-build-scalable-frontend-architecture/69cb4c579fffa74740d5ca63) ### [🚀 Frontend System Design #1: How to Build Scalable Frontend Architecture](https://frontendsystemdesign1.hashnode.dev/frontend-system-design-1-how-to-build-scalable-frontend-architecture?utm_source=hashnode&utm_medium=feed) 🧠 Introduction Most frontend developers know how to build UI. But very few know how to design systems that scale. When applications grow, things start breaking: State becomes messy Performance drop 3 min read · [frontendsystemdesign1.hashnode.dev](https://frontendsystemdesign1.hashnode.dev/frontend-system-design-1-how-to-build-scalable-frontend-architecture?utm_source=hashnode&utm_medium=feed) [Gaurav Vishwakarma](https://hashnode.com/@gauravvishwakarma) · [Mar 27](https://hashnode.com/posts/optimizing-web-components-for-seamless-in-app-social-commerce-experiences-in-2025/69c65f0ad009f2f847db0679) ### [Optimizing Web Components for Seamless In-App Social Commerce Experiences in 2025](https://blogs.gaurav.one/optimizing-web-components-for-seamless-in-app-social-commerce-experiences-in-2025?utm_source=hashnode&utm_medium=feed) Master Web Components to build seamless in-app social commerce experiences in 2025. Boost performance, UX, and integration with modern best practices. 8 min read · [blogs.gaurav.one](https://blogs.gaurav.one/optimizing-web-components-for-seamless-in-app-social-commerce-experiences-in-2025?utm_source=hashnode&utm_medium=feed) [Tech Insights Hub](https://hashnode.com/@JohnMikes) · [Feb 12](https://hashnode.com/posts/api-composition-backend-for-micro-frontends/698e397c15d508bca48dbb50) ### [API Composition: Backend for Micro-Frontends](https://topperblog.hashnode.dev/api-composition-backend-for-micro-frontends?utm_source=hashnode&utm_medium=feed) API Composition Pattern: Backend for Micro-Frontends Modern micro-frontend architectures promise autonomous teams, independent deployments, and technology flexibility. Yet most implementations fail at the data layer. When each micro-frontend independ... 11 min read · [topperblog.hashnode.dev](https://topperblog.hashnode.dev/api-composition-backend-for-micro-frontends?utm_source=hashnode&utm_medium=feed) [Tech Insights Hub](https://hashnode.com/@JohnMikes) · [Feb 12](https://hashnode.com/posts/micro-frontends-module-federation-single-spa/698e2d2d14993af9b17d5628) ### [Micro Frontends: Module Federation Single-SPA](https://topperblog.hashnode.dev/micro-frontends-module-federation-single-spa?utm_source=hashnode&utm_medium=feed) Metadata SEO Title: Micro Frontends: Module Federation vs Single-SPA Guide Meta Description: Learn how to implement micro frontends using Module Federation and Single-SPA. Compare architectures, see production code, and avoid common pitfalls. Primary... 11 min read · [topperblog.hashnode.dev](https://topperblog.hashnode.dev/micro-frontends-module-federation-single-spa?utm_source=hashnode&utm_medium=feed) [Luiz Tanure](https://hashnode.com/@letanure) · [Jul 14, 2025](https://hashnode.com/posts/micro-frontends-scaling-your-front-end-architecture/6874fe734b158ddcda8322f2) ### [Micro-Frontends – Scaling Your Front-End Architecture](https://letanure.hashnode.dev/micro-frontends-scaling-your-front-end-architecture?utm_source=hashnode&utm_medium=feed) Note: This article was originally published on January 10, 2020. Some information may be outdated. Micro-frontends are a way to split a large front-end application into smaller, more manageable pieces. Each piece (or "micro-frontend") is owned by a ... 2 min read · [letanure.hashnode.dev](https://letanure.hashnode.dev/micro-frontends-scaling-your-front-end-architecture?utm_source=hashnode&utm_medium=feed) [Artur Takoev](https://hashnode.com/@arturtakoev) · [May 10, 2024](https://hashnode.com/posts/webassembly-x-micro-frontends/663deb1e1b0720cdd49872a7) ### [WebAssembly x Micro Frontends](https://artur-t.hashnode.dev/webassembly-x-micro-frontends?utm_source=hashnode&utm_medium=feed) Supercharge your web apps Just like microservices made a revolution in backend architectures, micro frontends offer a modular approach to replace monolithic frontends. The ever-increasing use this cutting-edge tech has demonstrated in the last severa... 7 min read · [artur-t.hashnode.dev](https://artur-t.hashnode.dev/webassembly-x-micro-frontends?utm_source=hashnode&utm_medium=feed)