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

Mastering lit-html directive

aggre
September 18, 2018

Mastering lit-html directive

Polymer Japan Cafe #3( https://polymer-japan.connpass.com/event/100320/ )での LT 資料です

aggre

September 18, 2018
Tweet

More Decks by aggre

Other Decks in Technology

Transcript

  1. 2018.09.18 @ Polymer Japan Café LT

    View Slide

  2. aggre
    @aggre_
    @aggre
    FRAME00, INC. CTO

    View Slide

  3. What’s lit-html

    View Slide

  4. View Slide

  5. What’s lit-html directive

    View Slide

  6. View Slide

  7. View Slide

  8. directive

    View Slide

  9. part.setValue()

    View Slide

  10. html`${text}`
    ?

    View Slide

  11. View Slide

  12. View Slide

  13. until

    View Slide

  14. until
    Promise

    View Slide

  15. until directive

    View Slide

  16. until

    View Slide

  17. until

    View Slide

  18. until
    defaultContent

    View Slide

  19. until
    promise

    View Slide

  20. directive

    View Slide

  21. API
    directive
    is

    View Slide

  22. html`${text}`
    render()

    View Slide

  23. directive

    View Slide

  24. View Slide

  25. Rx

    View Slide

  26. Rx
    unsubscribe !

    View Slide

  27. unsubscribe …
    https://github.com/aggre/ullr/blob/master/src/directive/subscribe.ts

    View Slide

  28. Simple But Powerful

    View Slide