Posted on

Developing Loosely Coupled Micro Frontends via RxJS

My last article Developing Micro Frontends with Single-Spa explained how to break down monolithic web applications in micro frontends using single-spa. In order to ensure loosely coupling between the micro frontends, I’ve used RxJS in my sample application.

This article is part of a series of articles that documents how to modernize a sample Java EE application from 2010 with modern technologies. The sample application is a simple e-commerce application. The original application and the source code of all subsequent modernization steps is available as open source on GitHub.

Posted on

Developing Micro Frontends With Single-Spa

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.