Building a framework independent component library with StencilJS

With everything we do, we strive to provide our customers with the best user experience ever.
We do this by providing our community of developers, UX designers and business analysts with tools that brings them together, get them on the same page and enable them to talk the same language. How? By building a framework independent component library with StencilJS.

Here are the slides for my talk at ReactiveConf 2018 in Prague, Czech Republic.
You can find the video of the talk here: https://youtu.be/dSrKyi43fRI?t=1190

Transcript

1. romotions
   nts
   d prototype
   • Bulk offer flow sliced prototy
   WHAT ARE WE WORKING ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   • Bol.com & KPN
   • Trigger improvements
   • Bulk offer flow sliced prototype
   Building a framework independent
   components library with StencilJS
   With everything we do, we strive to provide our
   customers with the best shopping experience ever.
   

   View Slide

2. erview concept
   nditions / promotions
   shop!
   & KPN
   mprovements
   r flow sliced prototype
   • Bulk offer flow sliced prototy
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   • Bol.com & KPN
   • Trigger improvements
   • Bulk offer flow sliced prototype
   ON?
   

   View Slide

3. otions
   ototype
   • Bulk offer flow sliced prototy
   WHAT ARE WE WORKING ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   • Bol.com & KPN
   • Trigger improvements
   • Bulk offer flow sliced prototype
   Performant & Scalable
   One single source of truth
   Keep our freedom
   Be able to contribute
   Flat learning curve
   Flawless integration
   Framework independent
   Stop reinventing the wheel
   

   View Slide

4. Flexible
   romotions
   nts
   d prototype
   • Bulk offer flow sliced prototy
   WHAT ARE WE WORKING ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   • Bol.com & KPN
   • Trigger improvements
   • Bulk offer flow sliced prototype
   No framework lock-in
   Reusable
   Generic
   Learning curve
   

   View Slide

5. romotions
   nts
   d prototype
   • Bulk offer flow sliced prototy
   WHAT ARE WE WORKING ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   • Bol.com & KPN
   • Trigger improvements
   • Bulk offer flow sliced prototype
   Performance
   Easy API
   Future-proof
   Compatibility
   

   View Slide

6. • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   • Bol.com & KPN
   • Trigger improvements
   • Bulk offer flow sliced prototype
   romotions
   nts
   d prototype
   • Bulk offer flow sliced prototy
   WHAT ARE WE WORKING ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   ON?
   

   View Slide

7. romotions
   nts
   d prototype
   • Bulk offer flow sliced prototy
   WHAT ARE WE WORKING ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   ON?
   • Order overview concept
   • Price conditions / promotions
   • Patterns
   • Our own shop!
   • Bol.com & KPN
   • Trigger improvements
   • Bulk offer flow sliced prototype
   DM’s are open!
   Say !
   @stefannhs
   Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY
   

   View Slide