Introducing Surface: A new component-based (...)

on YouTube ↗37m

" summary

Surface is a component library built on Phoenix LiveView that parses templates into an AST and enforces a component specification so templates get compile-time validation. It implements explicit properties, data, slots and context with editor introspection, a generated API docs site, and macro components for custom parsing. A release candidate exists and depends on the upcoming LiveView change; community component libraries (Bulma, Tailwind) and editor plugins are already in progress.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 0:46Motivation
3. 2:59Phoenix templates
4. 4:14Phoenix's LiveComponent API
5. 5:48The goal
6. 7:17A Surface component
7. 19:36Slots Props
8. 22:03Renderless Components
9. 23:56Contexts
10. 28:18Documentation & Examples
11. 29:53Benefits
12. 31:07Current status
13. 31:54Whats next?

" related talks

• 40mFireside Chat with LiveView SurfaceBruce Tate, Timmo Verlaan, Marlus Saraiva · Code BEAM V Europe 2021
• 24mLiveView and Web ComponentsChris Nelson · Code BEAM America 2025
• 35mKeynote: Fireside Chat on LiveView, (...)Bruce Tate, Sophie deBenedetto · Code BEAM V Europe 2021
• 44mWhat's new in LiveViewChris McCord · ElixirConf EU Virtual 2020 (June)
• 35mBuilding a Block Based Editor in Phoenix LiveViewNikola Begedin · ElixirConf EU 2022
• 01h 13mKeynote: Phoenix LiveView - Interactive Apps without JavascriptChris McCord · ElixirConf EU 2019
• 51mBuilding web applications with Web ComponentsMartin Splitt · Voxxed Days Ticino 2017
• 46mThe joy of building your startup with Phoenix LiveViewAswin Mohan · ElixirConf EU 2022