Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Micro Frontends & Design Systems, built with Angular and Stencil

Micro Frontends & Design Systems, built with Angular and Stencil

The subject of micro frontends has been very hot the last few years as development teams strive to be technology agnostic, desire to build independent apps and desire a high degree of autonomy and companies want to build apps faster, cheaper and with less risk. However, companies often struggle with the alignment of autonomous development teams and the wide variety of technology stacks.

This also applies for the largest online retailer in The Netherlands and Belgium, bol.com, where applications are split up into domain specific, self-contained, independently deployed, Angular driven micro frontends. The main goal for the company is to provide an outstanding shopping experience to costumers and for that development teams need to be aligned without jeopardizing teams' autonomy. The solution comes in the form of the company’s own design system a framework independent components library, built with StencilJs.

Video: https://t.co/bSsewm7sCn

Stefan Nieuwenhuis

March 08, 2019

More Decks by Stefan Nieuwenhuis

Other Decks in Technology


  1. @stefannhs Micro Frontends & Design Systems, built with Angular and

    Stencil Software Engineer Developer Advocate Archaeology Waterpolo Stefan Nieuwenhuis Skydiving Books
  2. @stefannhs Seller Wants to add products to the catalogue Receives

    a confirmation Listens for announcements Announces that a product is added Reviews the product
  3. @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
  4. @stefannhs Reusability Single source of truth Easier maintenance Consistent user

    interface Scalability Flexible Development speed Constraints Convergence bias Tendency to inflexibility