Building a custom library for videochat with Svelte's Web Components Support
summary
A production WebRTC video chat library called commu videochat SDK compiles Svelte components into standards-based custom elements, using TypeScript and Rollup with customElement: true to produce a single bundle that you drop into a page. UI state sync relies on attribute updates and lifecycle callbacks, and two‑way binding is emulated by emitting DOM events via createEventDispatcher and dispatchEvent; the demo shows live calls working in vanilla pages and alongside React, with gotchas around kebab‑case attribute names.
AI-written summary · about
chapters (7)
- 0:00Introduction to Commu
- 1:02Why Svelte and Web Components
- 6:47Demo of Commu in production
- 10:22Building custom elements with Svelte
- 16:04Pitfalls and workarounds
- 19:54Recap and key takeaways
- 21:43Closing and resources
related talks
40mSvelte, cybernetically enhanced web apps
36mSvelte - Web App Development Reimagined
45mReact Web Components How It Is and How It Could Be
24mSvelte: the last framework we need?
46mWhat ever happened with Web Components?
40mSvelte is Fast and Makes You Faster
53mSvelte, cybernetically enhanced web apps
25mSimplify Web App Development with Svelte