A packed panel of Elixir experts and experienced developers who make the complicated interesting and fun. We talk about Elixir, Erlang and all things related to the BEAM virtual machine ecosystem. Featuring a panel of hosts including Bruce Tate, Josh Adams, Sophie Debenedetto, Alex Koutmos, Steven Nunez and Lars Wikman. Edited by Maggie Tate.

Episode 30: LiveView JS and LiveBeats

April 05, 2022 37:56 73.61 MB Downloads: 0

The release of LiveVIew JS commands is unlocking a lot of sophisticated client-side functionality with very little overhead. Just like you'd expect from LiveView, the new JS command interface, combined with JS hooks, makes it possible to implement advanced JS interactions in a way that is sane and elegant. This is something that I think many people considered to be the missing piece of LiveView--I.e. do I need to abandon LiveView if I need fancy JS? Now, the answer is "no".

Looking through Chris's LiveBeats project https://fly.io/blog/livebeats/ really illustrates how far you can take this kind of functionality. I'm really interested to see what others will do with this capability and I'd love to hear about/find some other projects that are starting to take advantage of it.

In this episode, Sophie introduce's the topic with the above, talk about how LiveBeats uses these features and what we think others might be able to do with the same functionality.

https://github.com/fly-apps/live_beats Code for LiveBeats
https://github.com/octosteve/e_dux and the corresponding post https://hostiledeveloper.com/2017/04/18/something-useless-redux-implemented-in-elixir.html
https://fly.io/phoenix-files/restore-liveview-state-on-startup/ https://fly.io/phoenix-files/saving-and-restoring-liveview-state/

We want to connect with you!
Twitter: @BeamRadio1
Send us your questions via Twitter @BeamRadio1 #ProcessMailbox

Keep up to date with our hosts on Twitter
@_StevenNunez
@akoutmos
@lawik
@RedRapids
@sm_debenedetto

Sponsored by @GroxioLearning
https://grox.io