Micro Frontends, are hey the Future of Web Application Development?

WHO AM I? 

Principal UI Engineer @Rapid7

 

Opensource contributor 

 

Twitch Streamer 

 

Site point author 

Jack of all trades master of none

Worst hangover I have ever had

In the Beginning 

JSP/ASP/ETC

HTML/JS/CSS 

Server Rendered  

Single Pages 

Benefits  

Problems 

Server Side Limitatation  

Hydration at run time needed in most cases 

Hard to scale with multiple teams  

The World Advanced   

SPA

Caching  

Faster Development and Debugging   

Fast and Responsive  

Benefits  

Problems 

Loss of SEO 

Heavy on the Browser

Hard to scale with multiple teams  

The World Advanced 

Webpack/Parcel/ETC

(again)

Improved Caching 

Mixed Rendering  

Bundled Distributions  

Benefits  

Problems 

Framework Complexity 

Bundle Chasing 

Hard to scale with multiple teams  

Micro Front Ends

DEMO 

Basket 

Home 

Home (React JS) 

Home (Fall Back) 

But Why?

Sounds too Good!

Complexity 

Bundle Increase  

Rogue Teams  

Maturity 

Should you Adopt Micro Front Ends? 

yes, with a small y!

NIDC 2020

By Chris Laughlin