In this video, I walk through the new features in Phoenix LiveView 1.1, including the streamlined upgrade process, colocated JavaScript hooks, automatic list comprehension optimizations, and helpful debugging improvements.

We'll upgrade a CI/CD dashboard demo app and take a look at what's now possible.

What's covered:
Effortless upgrades with mix igniter.upgrade phoenix_live_view
TypeScript annotations for LiveSocket
Colocated hooks: keep your JavaScript with your components!
Automatic list comprehension optimizations
Slot boundary comments for easier debugging

Links
Screen recording software I use (affiliate): screen.studio/@Yy75o
Changelog: hexdocs.pm/phoenix_live_view/1.1.1/changelog.html
Demo: github.com/ChristianAlexander/fake_ci
Igniter: hexdocs.pm/igniter/readme.html

YouTube Academy Competition: #TeamHailey