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
480
非中央集権ウェブ / Decentralized Web
Avatar for aggre aggre
3
640
OSS の持続的開発をトークンエコノミーで支援する / Dev Token
Avatar for aggre aggre
0
560

Other Decks in Technology

See All in Technology
螺旋型キャリアの生存戦略 / kinoko-conf2026
Avatar for Rakus_Dev rakus_dev
1
1k
【FinOps】データドリブンな意思決定を目指して
Avatar for kaita z63d
1
390
秘密度ラベル初心者が第1歩でつまづかないための「設計・運用」ポイント
Avatar for seafay seafay
PRO
1
490
AIが自律的に回る開発ループを設計してチーム開発に組み込む
Avatar for Mitsuhiro Komuro (nekorush14) nekorush14
0
130
GitHub Copilot運用のリアル ～AI Credit時代にどう向き合うか～
Avatar for takafumi suzuki takafumisu2uk1
0
280
FPC(フレキシブル)基板にZephyr実装してみた。
Avatar for misoji engineer iotengineer22
0
170
起点・思考・出力で分解する 〜PM業務の自動化設計〜
Avatar for kazu_kichi_67 kazu_kichi_67
2
1.1k
FPGAの開発コンペでZephyrを使ってみた
Avatar for misoji engineer iotengineer22
0
200
Microsoft のサポートとフィードバック総まとめ
Avatar for Murachi Akira murachiakira
PRO
0
110
コミットの「なぜ」を読む
Avatar for Itaru Ota ota1022
0
120
データレイクの「見えない問題」を可視化する
Avatar for SansanTech sansantech
PRO
1
200
SteampipeとExcel Power QueryでAWS構成定義書の作成を自動化する
Avatar for jhashimoto jhashimoto
0
180

Featured

See All Featured
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
360
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
150
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
240
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.4k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.9k

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