MICRO FRONTEND
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
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
Domians
Share Inside Principle
Respect Isolation
MICRO FRONTEND
HOW
MICRO FRONTEND
HOW
Build Requirements
Audit
Complexity Analysis
MICRO FRONTEND
HOW
MICRO FRONTEND
HOW
CONSISTENT UI/UX
MICRO FRONTEND
HOW
Composition
MICRO FRONTEND
HOW
Composition
Run Time
Server Side
Build Time
Source Code
MICRO FRONTEND
HOW
Composition
Run Time
Server Side
Build Time
Source Code
MICRO FRONTEND
HOW
Composition
Run Time
Server Side
Build Time
Source Code
MICRO FRONTEND
COST
MICRO FRONTEND
COST
Benefits
MICRO FRONTEND
COST
Drawback
MICRO FRONTEND
COST
Worth?
MICRO FRONTEND
About me
MICRO FRONTEND
About me
Amir.H Ebrahimi
amirHossein-Ebrahimi
MICRO FRONTEND
Reference
MICRO FRONTEND
Reference
monolith-to-microfrontend by @yaprakaya
introduction-to-micro-frontends by Kuba Holak
Micro-Frontends: What, why and how by Jack Herrington
Micro front-ends
By Amirhossein Ebrahimi
Micro front-ends
Toward Micro frontend
