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

Mastering lit-html directive

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for aggre aggre
September 18, 2018
Technology
480
0

Mastering lit-html directive

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

Avatar for aggre

aggre

September 18, 2018

More Decks by aggre

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

Other Decks in Technology

See All in Technology
データ基盤をDataformで整えた話 〜 開発環境を添えて 〜
Avatar for Takanobu Nozawa takapy
0
110
個人最適 から 全体最適 へ　AI情報共有会・AIギルド・AI-DLC で進める カンリーの組織展開
Avatar for ふくだ（fukuda ryu） rfdnxbro
0
1.4k
AI活用を推進するために ファインディが下した、一つの小さな決断
Avatar for starfish719 starfish719
0
240
「気づいたら仕事が終わっている」バクラクAIエージェント本番運用の裏側 / layerx-bakuraku-aie2026
Avatar for Yuya Matsumura yuya4
18
9.6k
oracle-to-databricks-migration-with-llm-and-dbt
Avatar for case-k-git casek
1
430
AIプラットフォームを運用し続けるための可観測性
Avatar for tanimuyk tanimuyk
4
1.1k
もりもり新機能を一挙紹介！ AgentCoreに入門して、AWS上にAIエージェントを構築しよう
Avatar for みのるん minorun365
PRO
6
750
Platform engineering for developers, architects & the rest of us (AI agents)
Avatar for danielbryantuk danielbryantuk
0
180
PHP と TypeScript の型システム比較：AI 時代の「型」は誰のためにあるのか？ #frontend_phpcon_do / frontend_phpcon_do_2026
Avatar for shogogg shogogg
1
240
Diagnosing performance problems without the guesswork
Avatar for Elena Tanasoiu elenatanasoiu
0
160
JEP 522 Deep Dive - G1 GC同期コスト削減によるスループット向上を徹底検証&解説
Avatar for Daishi Tabata tabatad
1
740
Databricks 月刊サービスアップデート 2026年05月号
Avatar for ちょし tyosi1212
0
200

Featured

See All Featured
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.5k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
460
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
560
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
370
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
220
How to make the Groovebox
Avatar for あそなす asonas
2
2.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