Extending Phoenix LiveView with Hooks

Phoenix LiveView is typically enough to build an app, but there are times where it is necessary to boost performance or get access to browser-native behavior only available to JavaScript.
Luckily, LiveView has an escape hatch for these scenarios: hooks!
Join me as I walk through the process of building a simple countdown timer app with LiveView, and then improve it with a little JS.
Links
Screen recording software I use (affiliate): screen.studio/@Yy75o
Project source repo: github.com/ChristianAlexander...
LiveView JS interop docs: hexdocs.pm/phoenix_live_view/...
Timestamps
Intro - 00:00
DEMO - 00:48
Scaffold Project - 01:22
Build with LiveView - 03:50
Push from the server - 05:50
Phoenix Hooks - 09:36
Refactor into reusable component - 15:09
Conclusion: just build stuff - 18:31

[@dustinsoftware]

Great video. Love the use of copilot and pragmatic approach, hope all is well :)

[@user-kc4dl6fq8e]

extremely clean and to the point video, well done!

[@antonio.sandoval]

Great video!

[@solvm1652]

Sweet take!

[@oransoi]

Great content. Thank you for sharing. Subscribed.

[@sajadabedi]

Would love to see more LiveView videos!

[@adamsilber-gniady6326]

Great introduction to hooks. Will use them for sure :)

[@nicohoogervorst]

Great demo

[@Eligos616]

Super helpful thank you!