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

Mastering lit-html directive

aggre
September 18, 2018
Technology
0
400

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
360
エンジニアは会社に何を求めるか? / What does engineers wants the company?
aggre
0
69
The importance of open assets
aggre
0
45
Fully AMP pros and cons
aggre
0
150
Web Components のリアル/ Realistic Web Components
aggre
12
6.8k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
aggre
1
240
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
aggre
1
330
非中央集権ウェブ / Decentralized Web
aggre
3
390
OSS の持続的開発をトークンエコノミーで支援する / Dev Token
aggre
0
480

Other Decks in Technology

See All in Technology
俺が伝えるBrazeという令和最高のSaaS/https://speakerdeck.com/cmkunisaki/braze-akibasaas-20221004
kunisaki
0
220
テスト設計のとき何を考えてるの？ QA2年生が語ってみるの
freee
0
160
C言語を知らない人がびっくりしそうなC言語の特徴
sat
PRO
0
180
GitHub-hosted runnerでそこまでやるの！？Rookの場合
sat
PRO
0
110
Learn How to PowerShell Like a Pro
guyrleech
0
120
Well-Architectedを再度学習して内容をまとめてみる/well-architected
toru_kubota
2
140
KDD2022論文読み会：LinkedInの推薦システムから学ぶ
pacocat
0
340
Protect your backends with Firebase App Check
firebasethailand
0
330
社内でのアクセシビリティ推進
tahia910
1
650
OpenTelemetryを用いたObservability基盤の実装 with AWS Distro for OpenTelemetry
k6s4i53rx
2
280
大学で情報工学を専攻しつつ、その道を一度外れてまた情報工学の分野に戻ってきた男が語る「データを用いた仕事の面白さ」
sagara
0
100
【Notion ✕ PM Club】少数精鋭のスタートアップ開発組織におけるNotion活用事例 ～プロダクトバックログからスプリントに至るまで～
saik1010
1
400

Featured

See All Featured
Teambox: Starting and Learning
jrom
124
7.8k
Scaling GitHub
holman
453
140k
The Language of Interfaces
destraynor
148
21k
The Web Native Designer (August 2011)
paulrobertlloyd
75
2k
Testing 201, or: Great Expectations
jmmastey
23
5.5k
YesSQL, Process and Tooling at Scale
rocio
157
12k
It's Worth the Effort
3n
173
26k
Code Review Best Practice
trishagee
45
10k
GitHub's CSS Performance
jonrohan
1020
420k
Learning to Love Humans: Emotional Interface Design
aarron
261
37k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Designing on Purpose - Digital PM Summit 2013
jponch
107
5.7k

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