Micro Frontends in Practice: A Case Study Using Flutter in the Web

Micro Frontends in Practice: A Case Study Using Flutter in the Web

1. xebia.com
Marcin Milewicz
Principal Developer, Frontend
Architect in Xebia,
Google Developer Expert,
Microsoft MVP
Micro Frontendsin
Practice: A Case Study
Using Flutterin the Web

2. xebia.com
Super fast reminderof
whatMicro Frontends are

3. xebia.com Store application
example

4. xebia.com Store application
example

5. xebia.com Store application
example

6. xebia.com
Flutter mobile app and shared
element package
https://github.com/marcinmilewicz/store-
example-flutter
Angular web app with Flutter
element micro frontend
https://github.com/marcinmilewicz/microfron
tend-store-example-ng-with-flutter

7. xebia.com
Even if something seems to
offer benefits, it certainly
has many drawbacks

8. xebia.com
Micro frontend
is entire
separate
functionality,
notgeneric
shared
components

9. xebia.com
If you don't
need to mix
technologies,
don't do it! It’s
micro frontend
anarchy!

10. xebia.com
Always quantify
the business
and check
whether the
technology
supports
profitability

11. xebia.com
Let’s
LinkedIn!
Q&A
Marcin Milewicz @Xebia
Principal Developer | Frontend Architect
Google Developer Expert (Web Technologies) |
Microsoft MVP
www.marcinmilewicz.pl