Save 37% off PRO during our Black Friday Sale! »

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
300
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
62
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
41
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
140
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
12
6.5k
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
1
210
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
1
280
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
3
340
06c292fa0b9557777d3cb4663ceec40a?s=48 aggre
0
470

Other Decks in Technology

See All in Technology
91f6ef52b846ca5f00325b05f3e3547d?s=48 cola119
3
1.1k
658c29959d8a9fd352afa440a5813137?s=48 ritou
1
750
Bf7fe621f4fe1615c228ef8a79b87282?s=48 shirayanagiryuji
0
170
Ecd0c945f6911dbf75358a8addee15f7?s=48 takipone
0
150
3dadebc0f79d74e50d8bfe5208cb7662?s=48 nadare881
0
900
6cca1b8a70137012c2bcfa0393189f89?s=48 unchamacom
3
550
E054bbb78a219fbddbac0bc492aed606?s=48 sensetime_japan
0
130
11ab209b6dcacad4e5aa841af533a937?s=48 katahiro12345
0
110
09796cb754b7d31f1a4f31da436177ab?s=48 sankichi92
0
280
3499a1d71fa70b8ee44816ca9e7329fe?s=48 bells17
0
340
5dbaf4015e7f249ab21b195ced8e9e46?s=48 masatoshitada
1
620
52b6e5eec67dc13917b4b78c268005d4?s=48 sophieweston
0
110

Featured

See All Featured
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
980k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
84
3.7k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
44
3.7k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
337
30k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
118
27k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
181
14k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
611
56k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
33
3.1k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8.2k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.3k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
405
20k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.2k

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