UI Patterns

Question 1

UI Patterns

Answer 1

Server-side page fragment composition

Client-side UI composition

Question 2

Server-side page fragment composition: context

Answer 2

You have applied the Microservice architecture pattern. Services are developed by business capability/subdomain-oriented teams that are also responsible for the user experience. Some UI screens/pages display data from multiple service.

Question 3

Server-side page fragment composition: problem

Answer 3

How to implement a UI screen or page that displays data from multiple services?

Question 4

Server-side page fragment composition: solution

Answer 4

Each team developers a web application that generates the HTML fragment that implements the region of the page for their service. A UI team is responsible for developing the page templates that build pages by performing server-side aggregation (e.g. server-side include style mechanism) of the service-specific HTML fragments.

Question 5

Server-side page fragment composition: related

Answer 5

The Client-side UI composition pattern is an alternative approach

Question 6

Client-side UI composition: context

Answer 6

You have applied the Microservice architecture pattern. Services are developed by business capability/subdomain-oriented teams that are also responsible for the user experience. Some UI screens/pages display data from multiple service.

Question 7

Client-side UI composition: problem

Answer 7

How to implement a UI screen or page that displays data from multiple services?

Question 8

Client-side UI composition: solution

Answer 8

Each team develops a client-side UI component, such an AngularJS directive, that implements the region of the page/screen for their service. A UI team is responsible implementing the page skeletons that build pages/screens by composing multiple, service-specific UI components.

Question 9

Client-side UI composition: related

Answer 9

The Server-side page fragment composition pattern is an alternative approach