A practical walkthrough on building a micro frontend architecture with multiple Vue.js apps using single-spa. Note that you can replace Vue with your framework of choice. The first article of a three part guide that aims at laying the foundations on how to setup and organize a micro frontend architecture for your projects using single-spa.
A practical walkthrough on building a micro frontend architecture with multiple Vue.js apps using single-spa. Note that you can replace Vue with your framework of choice.
The concept of micro frontends has been around for a while now but has been getting more attention in the past couple of years.
Evolution of the search term “Micro Frontend” on Google Trends, 2015–2020
Micro frontends extend the concept of backend micro-services: breaking down a web app (a monolith SPA) into distinct pieces. Then, through an orchestrator layer, each part is assembled (or composed) together. There are multiple ways of doing so. In our case we will do what is called client-side composition using single-spa.
At Unbabel we currently use a micro frontend architecture for one of our new customer-facing product.
Like any technical decision, there are gains and tradeoffs. We weighted a couple of factors when deciding for this approach:
You should consider these advantages:
You should consider these caveats:
In my experience, this approach is best when building a relatively large web app where you want to provide flexibility to multiple teams and have enough time to dedicate to governance and documentation.
Having said that, you can definitely leverage on many of the micro frontend advantages with a team of 2-3 people or even alone.
software-development vuejs micro-frontends web-development development vue
To make the most out of the benefits of offshore software development, you should understand the crucial factors that affect offshore development.
Want to Hire VueJS Developer to develop an amazing app? **[Hire Dedicated VueJS Developers](https://hourlydeveloper.io/hire-dedicated-vue-js-developer/ "Hire Dedicated VueJS Developers")** on the contract (time/project) basis providing regular...
Create a new web app or revamp your existing website? Every existing website or a web application that we see with an interactive and user-friendly interface are from Front-End developers who ensure that all visual effects come into existence....
Vinew Technologies focused majorly over ERP Software services and POS Software services, Web & Application development services & Woo commerce and Wordpress easy-to-use, multipurpose social media plugin for WordPress.
Check out these five criteria for the selection of your software vendor, and you will never regret having the wrong quality product made for you.