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?