Mastering lit-html directive

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

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
150
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
52
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
31
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
110
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
12
6k
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
1
140
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
1
240
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
4
290
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
440

Other Decks in Technology

See All in Technology
D5554c0703d71b3f813e658020267954?s=48 masudas75
1
310
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
3
830
Fc099d9851ad91908e0c16a70aa2ddc1?s=48 tikson
1
230
928b1395afedebb5ee48d44ab917c5f1?s=48 ryusa
1
320
098ad475722e3697ec2fba28c8654f9f?s=48 yuhta28
0
390
21a4b941766d805333e11c5766be43b4?s=48 takahashim
12
950
Dc3f88b2c2c4210e3068d94ce7c25bf2?s=48 terkel
17
4.2k
5e25aec60358948cd53cfcdfd3714c6b?s=48 weblyzard
1
2k
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
1
1.9k
25b30e875da37bab1edc8fbc2fe23df7?s=48 _mossann_t
0
650
9b600b6d2f592d0944507e989770b9b3?s=48 issei126
1
270
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
680

Featured

See All Featured
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
345
20k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
123
20k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
10
440
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
39k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
155
11k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
11
510
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
392
60k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
175
14k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
101
5.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