Improving your phoenix liveview experience with surface
summary
Surface provides an HTML-aware template engine that gives compile-time tag validation (it raises errors for unclosed or mistyped component tags) and a declarative API that describes properties, slots and which assigns are public. LiveView now includes a component macro for stateless components and an hix template parser merged upstream to parse structure. Surface 0.5 adds a converter to rewrite breaking syntax, supports co‑located JavaScript hooks via .hook.js files, and demonstrates working static validation, introspection and a Surface catalog for component docs.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:34Motivation for Surface
- 9:11How Surface addresses gaps
- 16:52Contributing to LiveView
- 20:26Higgs template engine
- 23:19Why Surface’s DSL matters
- 27:32New Surface 0.5 features
- 33:19Q&A
related talks
24mLiveView and Web Components
19mUpdate from the Phoenix Team
44mWhat's new in LiveView
35mKeynote: Fireside Chat on LiveView, (...)
40mThe Power & Performance of Phoenix LiveView
01h 13mKeynote: Phoenix LiveView - Interactive Apps without Javascript
01h 05mQ&A with Chris McCord & José Valim
39mBeyond Liveview: Real Time Features With Liveview