Micro Frontends

Possible QUestions

  • What actually counts as a micro frontend?
  • What are some tools and techniques...?
  • Was there anything you learned only after implementing micro frontends...?
  • What are some unforseen challenges?
  • What about unforseen benefits?

What are micro Frontends?

Micro Services

  • organization around business capability
  • independant deployment
  • decentralized control of languages and data

Front-end

Integrations for

Vertical

Systems

Integration approaches

  • Server Side Includes
  • Edge Side Includes
  • Client Side Includes
  • Iframes
  • Web-Components
  • devoted frameworks (opencomponents.github.io, single-spa...)

Pros

  • Ability teams to iterate and innovate independently
  • Smaller, more cohesive and maintainable codebases
  • Ability to organize teams around business units or products
  • More scalable organizations with decoupled, autonomous teams

Cons

  • Browsers may end up downloading multiple frameworks & duplicate code
  • Needing to have many different applications running in development to test a complete experience
  • Tracking and debug problems across the entire system
  • Dealing with versioning across the system
  • UX Consistency

Pros

Cons

  • browsers may end up downloading multiple frameworks & duplicate code
  • Needing to have many different applications running in development to test a complete experience
  • Tracking and debug problems across the entire system
  • Dealing with versioning across the system
  • UX Consistency
  • Ability teams to iterate and innovate independently
  • Smaller, more cohesive and maintainable codebases
  • Ability to organize teams around business units or products
  • more scalable organizations with decoupled, autonomous teams

Interesting...

Some news for micro frontends from Webpack 5

Module Federation

NOw Let's Chat!

Possible QUestions

  • What actually counts as a micro frontend?
  • What are some tools and techniques...?
  • Was there anything you learned only after implementing micro frontends...?
  • What are some unforseen challenges?
  • What about unforseen benefits?

Micro Front-Ends

By Adam L Barrett

Micro Front-Ends

This was actually just a primer for an internal company discussion about micro-frontends. Much of the content is lovingly stolen and un-attributed from other talks and presentations.

  • 737