Web Components · Phần 11 — Lit 3 và component đầu tiên
Hiểu Lit 3 như lớp render và reactivity trên Web Components; viết lại kb-task-card mà vẫn giữ nguyên public contract, accessibility và contract test.
Filter/Tag
#lit
5 entries
-
-
Web Components · Phần 13 — Reactivity, controllers và kiến trúc Lit
Thiết kế state ownership cho Mini Kanban bằng reactive properties, immutable updates, Lit controllers, @lit/context và @lit/task có chống race/abort.
-
Web Components · Phần 15 — Capstone: đóng gói và phát hành component library
Khép series bằng Mini Kanban: chốt public contract, package ESM và types, Custom Elements Manifest, SemVer, npm pack, rồi kiểm chứng trong HTML, React và Vue.
-
Web Components · Phần 14 — Performance, security, SSR và Declarative Shadow DOM
Đưa Mini Kanban tới production: đo performance, giữ DOM ổn định, đặt ranh giới bảo mật và progressive-enhance SSR bằng Declarative Shadow DOM.
-
Web Components · Phần 12 — Lit templates, bindings và directives
Đào sâu Lit 3: reactive properties, năm kiểu binding, keyed list, built-in và custom directives, events, update lifecycle, styling, slots và controllers.