I DON’T UNDERSTAND

MICRO-FRONTENDS

@lucamezzalira

🧐

Luca Mezzalira

VP of Architecture at DAZN

Google Developer Expert

London JavaScript Community Manager

Software architecture is

those decisions which are both

important and hard to change

M. Fowler

What is a micro-frontend?

Landing page

Sign in

Sing up

Catalog

Help

MICRO-FRONTENDS PRINCIPLES

Modelling around business domain

Culture of automation

Hide implementation details

Decentralisation

Deploy independently

Isolate failure

MICRO-FRONTENDS

DECISIONS FRAMEWORK

1. Define
2. Compose
3. Route
4. Communicate

Key micro-frontends decisions

Define a micro-frontends

Compose micro-frontends

ORIGIN

CDN

CLIENT

Route micro-frontends

ORIGIN

CDN

CLIENT

R

R

Micro-frontends communication

THERE IS NO

RIGHT OR WRONG

BUT ONLY

THE RIGHT APPROACH

BASED ON A CONTEXT

• Sharing code and components
• Design consistency
• Technology agnostic
• Dependency management
• Organization impact

Other challenges

THANK

YOU

🤣🤣🤣

t: @lucamezzalira

w: lucamezzalira.com