$30 off During Our Annual Pro Sale. View Details »

Building a framework independent component library with StencilJS

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

Stefan Nieuwenhuis

October 29, 2018
Tweet

More Decks by Stefan Nieuwenhuis

Other Decks in Programming

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