Lit Up LiveView

Almost every LiveView developer reaches a point where they need rich client-side interactivity - a textarea that resizes, a drop zone that responds to dragging, a button that manages its own state. These interactions don’t need the server, and LiveView isn’t designed to handle them. Web Components are a natural fit for this. Unlike framework-specific solutions, they require no integration layer - just custom HTML elements in your HEEx templates that react to attribute changes, exactly how LiveView already works. In this talk, I’ll share why this solution has worked so well for me and why I enjoy its simplicity. We’ll explore how Web Components align with LiveView’s model, then build a real component using Lit and integrate it into a LiveView application. You’ll leave with patterns you can apply immediately.