Micro Frontends Patterns#14: Reading List
Published: 2021-01-28 09:53:05


{% twitter 1132493678730252288 %}

## Essentials

- [Micro Frontends - martinfowler.com](https://martinfowler.com/articles/micro-frontends.html)
- [micro-frontends.org](https://micro-frontends.org/)

## Books

- [Micro Frontends in Action](https://www.manning.com/books/micro-frontends-in-action)
- [Building Micro-Frontends](https://www.oreilly.com/library/view/building-micro-frontends/9781492082989)
- [Building Microservices (Chapter 4)](https://www.oreilly.com/library/view/building-microservices/9781491950340/)
- [Monolith to Microservices (Chapter 3)](https://www.oreilly.com/library/view/monolith-to-microservices/9781492047834/)

## Videos

- [The frontend taboo: a story of full stack microservices - Moritz Grauel - YouTube](https://www.youtube.com/watch?v=E0s3EGCefB0&list=WL&index=59&t=0s)
- [Mateusz Chrzonstowski — Server-side rendered micro-frontends on AWS Lambda [EN] — WarsawJS - YouTube](https://www.youtube.com/watch?v=bOkZ7327FLg)
- [Michael Geers - Micro Frontends - The Nitty Gritty Details or Frontend, Backend, 🌈 Happyend - YouTube](https://www.youtube.com/watch?v=wCHYILvM7kU)
- [Liron Cohen - Micro-frontends: Is it a Silver Bullet? | React Next 2019 - YouTube](https://www.youtube.com/watch?v=asqgKaUMXq0)
- [AWS re:Invent 2019: [REPEAT 1] Building serverless micro frontends at the edge (NET310-R1) - YouTube](https://www.youtube.com/watch?v=fT-5RHTtFNg)
- [Building the Next Generation of Airlines Websites - Iván Olivares (Globant) - YouTube](https://www.youtube.com/watch?v=JhokA9fWVo0&feature=youtu.be)

## Articles

- [SCS: Self-Contained Systems](https://scs-architecture.org/)
- [Creating composite UI based on microservices | Microsoft Docs](https://docs.microsoft.com/en-us/dotnet/architecture/microservices/architect-microservice-container-applications/microservice-based-composite-ui-shape-layout)
- [Adopting a Micro-frontends architecture | by luca mezzalira | DAZN Engineering | Medium](https://medium.com/dazn-tech/adopting-a-micro-frontends-architecture-e283e6a3c4f3)
- [Micro-frontends decisions framework | by luca mezzalira | Medium](https://medium.com/@lucamezzalira/micro-frontends-decisions-framework-ebcd22256513)
- [Orchestrating micro-frontends. Following the previous posts on… | by luca mezzalira | DAZN Engineering | Medium](https://medium.com/dazn-tech/orchestrating-micro-frontends-a5d2674cbf33)
- [I don’t understand micro-frontends. | by luca mezzalira | Medium](https://medium.com/@lucamezzalira/i-dont-understand-micro-frontends-88f7304799a9)
- [How Spotify Builds Products (Organization. Architecture, Autonomy, Ac…](https://www.slideshare.net/kevingoldsmith/how-spotify-builds-products-organization-architecture-autonomy-accountability)
- [Front-End Micro Services](https://engineering.zalando.com/posts/2018/12/front-end-micro-services.html?gh_src=4n3gxh1?gh_src=4n3gxh1)
- [Experiences Using Micro Frontends at IKEA](https://www.infoq.com/news/2018/08/experiences-micro-frontends/)
- [Microservice Websites](http://microservice-websites.netlify.com/)
- [Why we use Micro Frontends at BuzzFeed - DEV](https://dev.to/buzzfeedtech/why-we-use-micro-frontends-at-buzzfeed-1k9o)
- [Micro Frontends at BuzzFeed. How we leverage the Micro Frontend… | by Ian Feather | BuzzFeed Tech](https://tech.buzzfeed.com/micro-frontends-at-buzzfeed-b8754b31d178)
- [Supporting Micro-frontends with ASP.NET Core MVC | Premier Developer](https://devblogs.microsoft.com/premier-developer/supporting-micro-frontends-with-asp-net-core-mvc/)
- [Scaling User experiences with Micro frontends | Developer Support](https://devblogs.microsoft.com/premier-developer/scaling-user-experiences-with-micro-frontends/)
- [Front-end Microservices at HelloFresh | by Pepijn Senders | HelloTech](https://engineering.hellofresh.com/front-end-microservices-at-hellofresh-23978a611b87)
- [Strangling a Monolith application with Micro Frontends using Server Side Includes | by Felipe Guizar Diaz | ITNEXT](https://itnext.io/strangling-a-monolith-to-micro-frontends-decoupling-presentation-layer-18a33ddf591b)
- [Two years of micro-frontends: A retrospective | by Brody McKee | Hacking Talent | Medium](https://medium.com/hacking-talent/two-years-of-micro-frontends-a-retrospective-522526f76df4)
- [Micro-frontends using Vue.js, React.js, and Hypernova | by Felipe Guizar Diaz | Vue.js Developers | Medium](https://medium.com/js-dojo/micro-frontends-using-vue-js-react-js-and-hypernova-af606a774602)
- [The State of Micro Frontends. One of the more controversial topics in… | by Florian Rappl | Bits and Pieces](https://blog.bitsrc.io/state-of-micro-frontends-9c0c604ed13a)
- [Micro frontends—a microservice approach to front-end web development | by Tom Söderlund | Medium](https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to-front-end-web-development-f325ebdadc16)
- [Serverless Microfrontends in AWS. How to use AWS serverless technologies… | by Ashan Fernando | Bits and Pieces](https://blog.bitsrc.io/serverless-microfrontends-in-aws-999450ed3795)
- [11 Popular Misconceptions About Micro Frontends - DEV](https://dev.to/florianrappl/11-popular-misconceptions-about-micro-frontends-463p)
- [UI in Microservices World – Micro Frontends pattern and Web Components - Altkom Software & Consulting](https://altkomsoftware.pl/en/blog-en/ui-in-microservices-world/)
- [Webpack 5 Federation. A Game-changer to Javascript architecture. | The Startup](https://medium.com/swlh/webpack-5-module-federation-a-game-changer-to-javascript-architecture-bcdd30e02669)
- [Micro Frontendsのモチベーション Motivation for Micro Frontends - Speaker Deck](https://speakerdeck.com/qsona/motivation-for-micro-frontends)
- [Micro Frontends の理論と実践 -価値提供を高速化する真のマイクロサービスのあり方 - The Theory and Practice of Micro Frontends - Speaker Deck](https://speakerdeck.com/nobuhikosawai/the-theory-and-practice-of-micro-frontends)
- [On Monoliths and Microservices](https://www.otto.de/jobs/technology/techblog/artikel/on-monoliths-and-microservices_2015-09-30.php)
- [マイクロサービスの思想から捉える Backends for Frontendsとその類似パターン | by qsona | FiNC Tech Blog | Medium](https://medium.com/finc-engineering/backends-for-frontends-and-its-similar-pattern-from-the-microservices-perspective-572254a0196e)
- [日経電子版のマイクロフロントエンドとPWA — HACK The Nikkei](https://hack.nikkei.com/blog/rnikkei_microfrontends_pwa/)
- [How We Build Micro Frontends. Building micro-frontends to speed up… | by Jonathan Saring | Aug, 2020 | Bits and Pieces](https://blog.bitsrc.io/how-we-build-micro-front-ends-d3eeeac0acfc)
- [Ara-Framework で Micro Frontends with SSR - LifeHack Engineering Blog](https://silverbirder180.hatenablog.com/entry/2020/08/23/183713)
- [Communication Between Micro Frontends - DEV](https://dev.to/florianrappl/communication-between-micro-frontends-41fe)
- [Feasibility of micro frontends · Issue #6040 · vercel/next.js](https://github.com/vercel/next.js/issues/6040)
- [Micro Frontends with Tailor - Speaker Deck](https://speakerdeck.com/karszawa/micro-frontends-with-tailor)

## OSS

* [Ara Framework · Build Micro-frontends easily using Airbnb Hypernova](https://ara-framework.github.io/website/)
* [opencomponents/oc: OpenComponents, serverless in the front-end world for painless micro-frontends delivery](https://github.com/opencomponents/oc)
* [Project Mosaic—Frontend Microservices](https://www.mosaic9.org/)
* [Podium · Easy server side composition of microfrontends](https://podium-lib.io/)
* [puzzle-js/puzzle-js: ⚡ Micro frontend framework for scalable and blazing fast websites.](https://github.com/puzzle-js/puzzle-js)
* [Module Federation | webpack](https://webpack.js.org/concepts/module-federation/)
* [single-spa/single-spa: The router for easy microfrontends](https://github.com/single-spa/single-spa)
* [umijs/qiankun: 📦 🚀 Blazing fast, simple and completed solution for micro frontends.](https://github.com/umijs/qiankun)
* [ice-lab/icestark: Micro Frontends solution for large application（面向大型应用的微前端解决方案）](https://github.com/ice-lab/icestark)
* [smapiot/piral: Framework for next generation web apps using microfrontends.](https://github.com/smapiot/piral)
* [SAP/luigi: Micro frontend framework](https://github.com/SAP/luigi)