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
270
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
59
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
36
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
130
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
12
6.4k
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
1
200
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
7634917a0679d61341cb5cf40dbc7766?s=48 yokawasa
0
250
00101a1274d1f92977f4e442ef73be86?s=48 ahana
0
110
195f71c8183f8d27da66aa0618f293b6?s=48 task4233
16
12k
2f710cd36766586d2b6210f2a2be2b97?s=48 0918nobita
0
200
24f2b4b72c52a14b1d863a6731734f69?s=48 soukouki
0
350
Ece52fe9ce913851256726020707febd?s=48 keiji
1
610
5b47136bedcba2799edf4fcd27ea66d7?s=48 yaegashi
3
590
65241d0356dc5a93b0fec68bcf7b42ac?s=48 yumulab
1
120
966e29b84ae7dbde170f66b0bc75b7a6?s=48 ishiayaya
0
170
88b514e6413838c0d0cfb3257cefd19d?s=48 kamata_shingo
0
340
609308e6510e41133d30460eef1ccd36?s=48 no24oka
0
110
B1bddcb899ec3060fe9913f3cb70dbb6?s=48 lmt_swallow
2
640

Featured

See All Featured
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
778
200k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.4k
828ace851b606e1206900f26459f55ad?s=48 speakerdeck
PRO
0
280
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
118
11k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
24
900
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
60
7.2k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.8k
78b475797a14c84799063c7cd073962f?s=48 holman
463
280k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
99
5.7k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
18k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
16
870

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