Learn how to build a micro frontend with Vue.js and some vanilla JavaScript to bring modern microservices to your project.
Join the DZone community and get the full member experience. In the process of building new or modernizing older applications, backend functionality is often broken down into multiple microservices. Without modular frontends though, applications often don’t gain the benefits of modern cloud-native architectures like continuous deliveries and the abilities to update components separately from each other. In my previous article Using Micro Frontends in Microservices based Architectures, I explained how to modularize a sample e-commerce web application. This allows, for example, to add rating functionality to the catalog user experience without impacting other parts of the user interface. The web application contains four user interface components (implemented with Vue.js) and two non-visible components. Single-spa (which stands for single page application) is a nice framework to build these modular web applications using a technique called micro frontends.
