84: LiveBeats with Chris McCord

We talk with Chris McCord about the LiveBeats project he created. It’s a high-quality, showcase, open source project that highlights new and powerful features in LiveView. LiveBeats is a social music playing application that challenges current ideas about what LiveView is able to do. It uses presence, new JS features, defines reusable Tailwind styled components, includes accessibility and more! An exciting project that people can actually use in addition to being a great community resource. We also get into what’s coming out in Phoenix 1.7 that may interest people getting ready to start a new project!

Show Notes online - http://podcast.thinkingelixir.com/84

Elixir Community News

• https://news.livebook.dev/v0.5-flowcharts-custom-widgets-intellisense-and-ui-improvements-4FcvbG – Livebook 0.5 released blog post
• https://twitter.com/josevalim/status/1483907938590810118 – José Valim's Twitter thread announcing the release
• https://twitter.com/josevalim/status/1484915718223286276 – Livebook future release will include BEAM memory display on the sidebar
• https://github.com/mcrumm/live_upload_example/commit/8be00c0d451f94ad82860a9b85ab020092e2a8b7 – Michael Crumm shared his PR that updated the live_view_upload example to HEEx templates as an example
• https://www.empex.co/mtn – Empex MTN is Elixir conference in Salt Lake City, UT on May 6, 2022
• https://twitter.com/sorentwo/status/1478021043486928896 – Oban Pro feature makes it easy to get the result of an async job

Do you have some Elixir news to share? Tell us at @ThinkingElixir or email at show@thinkingelixir.com

Discussion Resources

• https://fly.io/blog/livebeats/ – Blog post by Chris where he talks about the project.
• https://github.com/fly-apps/live_beats – Source code for the project.
• https://livebeats.fly.dev/ – Visit the running hosted app.
• https://livebeats.fly.dev/signin
• https://fly.io/phoenix-files/tailwind-standalone/
• https://github.com/phoenixframework/tailwind
• https://fly.io/phoenix-files/live-render-sticky-option/
• https://github.com/petalframework/petal_components
• https://milligram.io/
• https://github.com/phoenixframework/phoenix/pull/4100
• https://surface-ui.org/getting_started

Guest Information

• https://twitter.com/chris_mccord – on Twitter
• https://github.com/chrismccord – on Github
• http://chrismccord.com/ – Blog
• https://twitter.com/flydotio – Fly.io on Twitter

Find us online

• Message the show - @ThinkingElixir
• Email the show - show@thinkingelixir.com
• Mark Ericksen - @brainlid
• David Bernheisel - @bernheisel
• Cade Ward - @cadebward

Sponsored By:

• Fly.io: Fly.io is a great place to deploy your next Phoenix application! Check them out!