0:00 / 0:00
#phoenixliveview#liveviewjs#elixir
LiveView JS: The Comprehensive Guide
Code and Stuff
6.6K subscribers • 19 videos on Hallway
- Recommended by 1 person: 1 in engineering communities.
- Linked in the descriptionChristianAlexander/liveview_js_demos
Intermediate. Assumes working knowledge.
12K views2 years ago1 recommendation
Web developmentElixir and ErlangVue, Svelte, Angular and othersJavaScript
A detailed guide covering all nineteen Phoenix LiveView JS commands to build dynamic user interfaces without writing custom JavaScript.
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 Screen recording software I use (affiliate): screen.studio/@Yy75o Project repo: github.com/ChristianAlexander/liveview_js_demos LiveView JS: hexdocs.pm/phoenix_live_view/Phoenix.LiveView.JS.html Timestamps Intro - Some Context - CSS Commands - Visibility Commands - Focus Commands - Navigation Commands - Attribute Commands - Event Commands - Summary -Why it's here
1 person recommends thisWhat people say. Recommended as a thorough tutorial on using LiveView JS commands for client-side interactions.