LiveView JS: The Comprehensive Guide

Unlock the full potential of Phoenix LiveView with this comprehensive guide to LiveView JS commands!

In this video, I’ll cover:
- All 19 LiveView JS commands in detail
- Examples and use cases for each command
- Tips for combining commands to create powerful interactions
- Best practices for using LiveView JS in your projects

Whether you're new to LiveView or looking to level up your skills, this guide has something for everyone. Learn how to create dynamic, responsive user interfaces without writing a single line of JavaScript!

Don't miss this opportunity to master LiveView JS and take your Phoenix applications to the next level.

Links

Timestamps
Intro - 00:00
Some Context - 00:45
CSS Commands - 01:38
Visibility Commands - 06:15
Focus Commands - 10:37
Navigation Commands - 14:50
Attribute Commands - 18:22
Event Commands - 20:33
Summary - 24:44

[aviagarwal]

Excellent overlap of introductory information and high-quality production!

[olafurbjarkibogason]

Thank you for all the great tutorials. Would you prefer doing it this way for future applications opposed to bringing in something like livesvelte?

[reinettetinekerr]

Are you hacking my brain? How do you always know what I want to know 😅

[guglielmobartelloni]

Yours are the best tutorials on elixir man.

I would really love to work with elixir instead of java :(

[Ketupia]

at 12:47 you make the comment that the next version of phoenix won't include a modal by default. Where can I read more about that plan?