Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/unadlib/awesome-micro-frontends

Awesome lists about micro frontends.
https://github.com/unadlib/awesome-micro-frontends

List: awesome-micro-frontends

Last synced: 10 days ago
JSON representation

Awesome lists about micro frontends.

Awesome Lists containing this project

README 

        
# awesome-micro-frontends



Awesome lists about micro frontends.



## Contents



- [Tools](#Tools)

- [General Resources](#general-resources)

  - [Posts](#Posts)

  - [Video](#Video)

  - [Slides](#Slides)

  - [Books](#Books)

- [Tutorials](#tutorials)

- [Community](#community)

- [Follow on Twitter](#follow-on-twitter)



## Tools



- [single-spa](https://github.com/CanopyTax/single-spa)

- [qiankun](https://github.com/umijs/qiankun)

- [mooa](https://github.com/phodal/mooa)

- [nut](https://github.com/nut-project/nut)

- [micro-frontend-pages](https://github.com/willmendesneto/micro-frontend-pages)

- [oc](https://github.com/opencomponents/oc)

- [piral](https://github.com/smapiot/piral)

- [@ice/stark](https://github.com/ice-lab/icestark)

- [@aacgn/atomic](https://github.com/aacgn/atomic)

- [microfronts](https://github.com/eavichay/microfronts)

- [@magic-microservices/magic](https://github.com/bytedance/magic-microservices)

- [ilc](https://github.com/namecheap/ilc)

- [misk-web](https://github.com/cashapp/misk-web)

- [@puzzle-js/core](https://github.com/puzzle-js/puzzle-js)

- [berial](https://github.com/berialjs/berial)

- [luigi](https://github.com/SAP/luigi)

- [frint](https://github.com/frintjs/frint)

- [emp](https://github.com/efoxTeam/emp)



## General Resources



- [Introduction to Micro Frontends](https://micro-frontends.org/)

- [I don’t understand micro-frontends. -- via.Dan Abramov](https://twitter.com/dan_abramov/status/1132493678730252288)



### Posts



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

- [Micro frontends](https://www.thoughtworks.com/cn/radar/techniques/micro-frontends)

- [Micro frontends—a microservice approach to front-end web development](https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to-front-end-web-development-f325ebdadc16)

- [Understanding Micro Frontends](https://hackernoon.com/understanding-micro-frontends-b1c11585a297)

- [I don’t understand micro-frontends](https://medium.com/@lucamezzalira/i-dont-understand-micro-frontends-88f7304799a9)

- [Micro Front Ends — Doing It Angular Style — Part 1](https://medium.com/outbrain-engineering/micro-front-ends-doing-it-angular-style-part-1-219c842fd02e)

- [Micro Front Ends — Doing It Angular Style — Part 2](https://medium.com/outbrain-engineering/micro-front-ends-doing-it-angular-style-part-2-1393ced4ceab)

- [Building Micro Frontends with React, Vue, and Single-spa](https://dev.to/dabit3/building-micro-frontends-with-react-vue-and-single-spa-52op)

- [Five Things to Consider Before Choosing Micro Frontends](https://rangle.io/blog/five-things-to-consider-before-choosing-micro-frontends/)

- [Explore the world of Micro Frontends](https://blog.techbridge.cc/2019/01/12/micro-frontends-concept/)

- [Thinking in Microfrontend](https://github.com/phodal/microfrontends)

- [「微前端」- 将微服务理念扩展到前端开发（理论篇）](https://insights.thoughtworks.cn/micro-frontends-1/)

- [「微前端」- 将微服务理念扩展到前端开发（实战篇）](https://insights.thoughtworks.cn/micro-frontends-2/)

- [What is a micro frontend? -- via.Amit Kothari](https://hub.packtpub.com/what-micro-frontend/)

- [Micro­service Websites - Building consumer-facing websites with multiple teams](https://gustafnk.github.io/microservice-websites/)

- [Introduction to Micro Frontends -- via.Assaf Gannon](https://www.tikalk.com/posts/2017/04/23/micro-frontends-intro/)

- [A take on micro-frontends](https://x-team.com/blog/micro-frontend/)

- [Microservices to Micro-Frontends](http://www.agilechamps.com/microservices-to-micro-frontends/)

- [The monolithic frontend in the microservices architecture](https://xebia.com/blog/the-monolithic-frontend-in-the-microservices-architecture/)

- [Microservice Grid and Micro Frontends](https://dejanglozic.com/2017/02/22/microservice-grid-and-micro-frontends/)

- [Front-end microservices with Web Components](https://hackernoon.com/front-end-microservices-with-web-components-597759313393)

- [A Software Architect's Approach Towards Using Angular (And SPAs In General) For Microservices Aka Microfrontends](https://www.softwarearchitekt.at/post/2017/12/28/a-software-architect-s-approach-towards-using-angular-and-spas-in-general-for-microservices-aka-microfrontends.aspx)

- [The State of Micro Frontends](https://blog.bitsrc.io/state-of-micro-frontends-9c0c604ed13a)

- [How We Build Micro Frontends](https://blog.bitsrc.io/how-we-build-micro-front-ends-d3eeeac0acfc)

- [Micro­service Websites](https://gustafnk.github.io/microservice-websites/)

- [Micro-frontends, the future of Frontend architectures](https://medium.com/dazn-tech/micro-frontends-the-future-of-frontend-architectures-5867ceded39a)

- [Adopting a Micro-frontends architecture](https://medium.com/dazn-tech/adopting-a-micro-frontends-architecture-e283e6a3c4f3)

- [Orchestrating micro-frontends](https://medium.com/dazn-tech/orchestrating-micro-frontends-a5d2674cbf33)

- [Revolutionizing Micro Frontends with Webpack 5, Module Federation and Bit](https://blog.bitsrc.io/revolutionizing-micro-frontends-with-webpack-5-module-federation-and-bit-99ff81ceb0)



### Video



- [microservice websites](https://www.youtube.com/watch?v=4KVOuQDIfmw)

- [Michael Geers - Micro Frontends: Break Up You Web App!](https://www.youtube.com/watch?v=o1Sr39DVdOQ)



### Slides



- [「技术雷达」之 Micro Frontends：微前端 - 将微服务理念扩展到前端开发](https://blog.jimmylv.info/2017-12-22-tech-radar-microfrontends-extending-microservice-to-fed/)



### Books



- [Micro Frontends in Action](https://www.manning.com/books/micro-frontends-in-action)



## Tutorials



## Community



- [Quora: Is there a micro-service architecture approach for front-end development?](https://www.quora.com/Is-there-a-micro-service-architecture-approach-for-front-end-development)

- [Quora: What is a microfrontend?](https://www.quora.com/What-is-a-microfrontend)

- [Ask HN: What do you use to build micro-front ends?](https://news.ycombinator.com/item?id=13009285)



## Follow on Twitter