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

Mastering lit-html directive

aggre
September 18, 2018
Technology
0
410

Mastering lit-html directive

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

aggre

September 18, 2018
Tweet

More Decks by aggre

See All by aggre
The money for the openable and shareable era
aggre
0
380
エンジニアは会社に何を求めるか? / What does engineers wants the company?
aggre
0
71
The importance of open assets
aggre
0
47
Fully AMP pros and cons
aggre
0
160
Web Components のリアル/ Realistic Web Components
aggre
12
7.1k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
aggre
1
260
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
aggre
1
350
非中央集権ウェブ / Decentralized Web
aggre
3
430
OSS の持続的開発をトークンエコノミーで支援する / Dev Token
aggre
0
480

Other Decks in Technology

See All in Technology
OpenAI社のWhisper APIを使ってみた！ / ChatGPT研究会 第7弾 (ALGYAN)
you
0
260
Mirror mirror... what am I typing next?
spinscale
0
140
AWS WAFおよびWafCharmを複数サービスに導入した結果と課題
iwamot
0
170
DevSecOpsへの展開〜全てのチームの能力を最大限に引き出す/Expanding to DevSecOps
newrelic2023
0
190
Scrum Fest Niigata 2023 QAはチームの外から支援するのか？中から支援するのか？
moritamasami
1
180
ShowNet2022 Topology
shownet
PRO
0
650
『AWSではじめるクラウドセキュリティ』の裏側を。
ryohatanmonolog
2
180
MySQL and Vitess (and Kubernetes) at HubSpot
jfg956
0
100
CyberAgent AI事業本部MLOps研修基礎編
hosimesi11
2
320
我々はこうしてSLI/SLOを設計し 運用を始めました  -これからSLI/SLOの運用を始める人に向けて-
maaaato
3
1.5k
これから始める継続的インテグレーション - GitHub Actions編
devops_vtj
0
130
User Story Mapping - Scrum Niigata
kawaguti
PRO
5
2.3k

Featured

See All Featured
Designing the Hi-DPI Web
ddemaree
273
33k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
176
9.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
28k
Bash Introduction
62gerente
602
210k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.6k
Art, The Web, and Tiny UX
lynnandtonic
285
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
317
22k
How STYLIGHT went responsive
nonsquared
89
4.3k
Clear Off the Table
cherdarchuk
81
300k
A better future with KSS
kneath
230
16k
Typedesign – Prime Four
hannesfritz
34
1.6k
Making Projects Easy
brettharned
102
5k

Transcript

  1. 2018.09.18 @ Polymer Japan Café LT

    View Slide

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

    View Slide

  3. What’s lit-html

    View Slide

  4. View Slide

  5. What’s lit-html directive

    View Slide

  6. View Slide

  7. View Slide

  8. directive

    View Slide

  9. part.setValue()

    View Slide

  10. html`${text}`
    ?

    View Slide

  11. View Slide

  12. View Slide

  13. until

    View Slide

  14. until
    Promise

    View Slide

  15. until directive

    View Slide

  16. until

    View Slide

  17. until

    View Slide

  18. until
    defaultContent

    View Slide

  19. until
    promise

    View Slide

  20. directive

    View Slide

  21. API
    directive
    is

    View Slide

  22. html`${text}`
    render()

    View Slide

  23. directive

    View Slide

  24. View Slide

  25. Rx

    View Slide

  26. Rx
    unsubscribe !

    View Slide

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

    View Slide

  28. Simple But Powerful

    View Slide