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

Mastering lit-html directive

06c292fa0b9557777d3cb4663ceec40a?s=47 aggre
September 18, 2018
Technology
0
390

Mastering lit-html directive

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

06c292fa0b9557777d3cb4663ceec40a?s=128

aggre

September 18, 2018
Tweet

More Decks by aggre

See All by aggre
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
240
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
58
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
35
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
130
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
12
6.2k
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
1
180
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
1
270
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
4
320
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
460

Other Decks in Technology

See All in Technology
97d180294474e9df01503148f3b11f39?s=48 lambda
0
220
Ec122b66ddfb9af0fba980ec2d0b0de4?s=48 kenjiasaba
0
500
105adfe7203d81662325e3030181400c?s=48 nakamods320yen
0
1.6k
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
2.7k
F89f6a80305746253d4bedb128b2f445?s=48 mats16
0
190
7e20183342a040a32924a41343603286?s=48 konabuta
0
1.1k
De266761b955b2636e454a1bc7a99ed4?s=48 masayaaoyama
0
890
B22a79a9c1bf42c1825ce42dedd41765?s=48 shinpsan
0
330
609308e6510e41133d30460eef1ccd36?s=48 no24oka
0
160
F507086e15832a4344df6b10cdc5b179?s=48 localyouser
0
240
Dc20c893cac0daddd607dfc9a5855d27?s=48 amarelo_n24
0
180
179d41d0fdd38c6980de9f2ae0e4768a?s=48 9wick
0
340

Featured

See All Featured
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
81
4.2k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.7k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
255
17k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
495
110k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
37
2.4k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
125
21k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
29
1k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
332
16k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
21
830
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
42
4.8k

Transcript

  1. 2018.09.18 @ Polymer Japan Café LT

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

  3. What’s lit-html

  4. None

  5. What’s lit-html directive

  6. None
  7. None

  8. directive

  9. part.setValue()

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

  11. None
  12. None

  13. until

  14. until Promise

  15. until directive

  16. until

  17. until

  18. until defaultContent

  19. until promise

  20. directive

  21. API directive is

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

  23. directive

  24. None

  25. Rx

  26. Rx unsubscribe !

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

  28. Simple But Powerful