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

Mastering lit-html directive

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for aggre aggre
September 18, 2018
Technology
0
470

Mastering lit-html directive

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

Avatar for aggre

aggre

September 18, 2018
Tweet

More Decks by aggre

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

Other Decks in Technology

See All in Technology
品質を経営にどう語るか #jassttokyo / Communicating the Strategic Value of Quality to Executive Leadership
Avatar for kyonmm kyonmm
PRO
2
480
2026-03-11 JAWS-UG 茨城 #12 改めてALBを便利に使う
Avatar for SUZUKI Masashi masasuzu
2
400
Zero Data Loss Autonomous Recovery Service サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
13k
CyberAgentの生成AI戦略 〜変わるものと変わらないもの〜
Avatar for katayan katayan
0
260
AlloyDB 奮闘記
Avatar for hatappi hatappi
0
150
社内レビューは機能しているのか
Avatar for Jun Matsuba matsuba
0
140
TypeScript 7.0の現在地と備え方
Avatar for uhyo uhyo
7
1.7k
AI時代のSaaSとETL
Avatar for Shu Suzuki shoe116
1
180
決済サービスを支えるElastic Cloud - Elastic Cloudの導入と推進、決済サービスのObservability
Avatar for suzukij suzukij
2
660
猫でもわかるKiro CLI(AI 駆動開発への道編)
Avatar for Hiroo Katoh kentapapa
0
260
生成AIで速度と品質を両立する、QAエンジニア・開発者連携のAI協調型テストプロセス
Avatar for butatamasoba / Shota Kusaba shota_kusaba
0
170
VLAモデル構築のための AIロボット向け模倣学習キット
Avatar for Ken Matsui kmatsuiugo
0
240

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
380
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
150
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.4k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
190

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