Mastering lit-html directive

Transcript

1. 1.

   2018.09.18 @ Polymer Japan Café LT

2. 2.

   aggre @aggre_ @aggre FRAME00, INC. CTO

3. 3.

   What’s lit-html

4. 4.

   None
5. 5.

   What’s lit-html directive

6. 6.

   None
7. 7.

   None
8. 8.

   directive

9. 9.

   part.setValue()

10. 10.

    html`<div>${text}</div>` ?

11. 11.

    None
12. 12.

    None
13. 13.

    until

14. 14.

    until Promise

15. 15.

    until directive

16. 16.

    until

17. 17.

    until

18. 18.

    until defaultContent

19. 19.

    until promise

20. 20.

    directive

21. 21.

    API directive is

22. 22.

    html`<div>${text}</div>` render()

23. 23.

    directive

24. 24.

    None
25. 25.

    Rx

26. 26.

    Rx unsubscribe !

27. 27.

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

28. 28.

    Simple But Powerful