MICRO FRONTEND

WHY

MICRO FRONTEND

WHY

MICRO FRONTEND

WHY

Scale

MICRO FRONTEND

WHY

Technologies

MICRO FRONTEND

WHAT

MICRO FRONTEND

WHAT

Back-end

Front-end

Data

THE HOLE TEAM

MICRO FRONTEND

WHAT

Back-end / Data

Front-end

MICRO FRONTEND

WHAT

Front-end

Back-end

Data

Teams / Missions

MICRO FRONTEND

WHAT

Store its own data

Ship its own UI

Has specific mission

Run by cross-functional team

Has its own Technology stack

MICRO FRONTEND

WHAT

The idea behind Micro Front-ends is to think about a website or web app as a composition of features which are owned by independent teams. Each team has a distinct area of business or mission it cares about and specializes in. A team is cross functional and develops its features end-to-end, from database to user interface.

MICRO FRONTEND

WHAT

The main challenges with scaling front-ends applications are scaling the teams, not the application, reducing the communication overhead
and increase innovation.

MICRO FRONTEND

WHAT

The idea behind micro front-ends is to enable multiple teams to work seamlessly together by fostering end-to-end ownership of independently developed, tested and deployed features.

Think about UI as the composition of features which are maintained by independent teams. These teams could be cross-functional allowing them to develop such features end-to-end, from a database to user interface and independently deploy them.

MICRO FRONTEND

WHAT

Micro Front-ends

Micro-FE Framework

Host Page

MICRO FRONTEND

WHAT

Micro Front-ends

Micro-FE Framework

Host Page

MICRO FRONTEND

WHAT