EPISODE · Apr 5, 2022 · 37 MIN
Episode 30: LiveView JS and LiveBeats
from Beam Radio · host Lars Wikman
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
What this episode covers
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
NOW PLAYING
Episode 30: LiveView JS and LiveBeats
No transcript for this episode yet