@stefannhs
Micro Frontends & Design Systems, built with Angular and Stencil
Software Engineer
Developer Advocate
Archaeology
Waterpolo
Stefan Nieuwenhuis
Skydiving
Books
Slide 2
Slide 2 text
@stefannhs
Slide 3
Slide 3 text
@stefannhs
Webshop
Retail tooling
Slide 4
Slide 4 text
@stefannhs
Seller
Wants to add products to the catalogue
Gets notified
Slide 5
Slide 5 text
@stefannhs
Slide 6
Slide 6 text
@stefannhs
Microservice Architecture
Frontend
Frontend
Frontend
Frontend apps
Backend
Upload products
Backend
Analyze data
Backend
Process data
Slide 7
Slide 7 text
@stefannhs
Seller
Wants to add products to the catalogue
Receives a confirmation
Listens for announcements
Announces that a product is added
Reviews the product
@stefannhs
Keep our freedom
One single source of truth
Be able to contribute
Flawless integration
Stop reinventing the wheel
Flat learning curve
Performant & Scalable
Framework independent
Slide 12
Slide 12 text
@stefannhs
Pattern Library
Components Library
Style Guide
Design System
Slide 13
Slide 13 text
@stefannhs
Reusability
Single source of truth
Easier maintenance
Consistent user interface
Scalability
Flexible
Development speed
Constraints
Convergence bias
Tendency to inflexibility
Slide 14
Slide 14 text
@stefannhs
Slide 15
Slide 15 text
@stefannhs
Generic
No framework lock-in
Flexible
Reusable
Learning curve
Slide 16
Slide 16 text
@stefannhs
Compatibility
Easy API
Performance
Future-proof
Slide 17
Slide 17 text
@stefannhs
No ivory tower
Educate
Maintain
Innovate
Share knowledge
Support
Slide 18
Slide 18 text
@stefannhs
Spread the word
Core team
Collaboration
Adoption
Easy API
Slide 19
Slide 19 text
@stefannhs
Slide 20
Slide 20 text
@stefannhs
Icons made by Freepik from
www.flaticon.com is licensed by CC 3.0 BY
DM’s are open!
@stefannhs