Client Side UI Composition

Problem Statement

Microservice architecture structures an application as a set of loosely coupled microservices and each service can be developed independently in agile manner to enable continous delivery/deployment. Now how to develop a UI page/screen which can displays data from multiple services.


Each UI team can develop a client side UI component such as Angular Component which implements or corresponds to a particular microservice. For multiple services, UI team is responsible to prepare a skeleton UI or page skeletons by building pages which are composed of multiple service specific UI components.

Client Side UI Composition Design Pattern


  • Indepedent UI Teams − Each UI team can work once a microservice contract is available without any need for all microservices availability.

  • Managable UI development − UI being developed in components becomes managable and efficient.

  • Easier Development − UI development becomes easier and maintainable.

Kickstart Your Career

Get certified by completing the course

Get Started