April 05, 2022

Episode 30: LiveView JS and LiveBeats

37 minutes

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