Listen "84: LiveBeats with Chris McCord"
Episode Synopsis
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 (http://podcast.thinkingelixir.com/84)
Elixir Community News
- https://news.livebook.dev/v0.5-flowcharts-custom-widgets-intellisense-and-ui-improvements-4FcvbG (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 (https://twitter.com/josevalim/status/1483907938590810118) – José Valim's Twitter thread announcing the release
- https://twitter.com/josevalim/status/1484915718223286276 (https://twitter.com/josevalim/status/1484915718223286276) – Livebook future release will include BEAM memory display on the sidebar
- https://github.com/mcrumm/liveuploadexample/commit/8be00c0d451f94ad82860a9b85ab020092e2a8b7 (https://github.com/mcrumm/live_upload_example/commit/8be00c0d451f94ad82860a9b85ab020092e2a8b7) – Michael Crumm shared his PR that updated the liveviewupload example to HEEx templates as an example
- https://www.empex.co/mtn (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 (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 (https://twitter.com/ThinkingElixir) or email at [email protected] (mailto:[email protected])
Discussion Resources
- https://fly.io/blog/livebeats/ (https://fly.io/blog/livebeats/) – Blog post by Chris where he talks about the project.
- https://github.com/fly-apps/live_beats (https://github.com/fly-apps/live_beats) – Source code for the project.
- https://livebeats.fly.dev/ (https://livebeats.fly.dev/) – Visit the running hosted app.
- https://livebeats.fly.dev/signin (https://livebeats.fly.dev/signin)
- https://fly.io/phoenix-files/tailwind-standalone/ (https://fly.io/phoenix-files/tailwind-standalone/)
- https://github.com/phoenixframework/tailwind (https://github.com/phoenixframework/tailwind)
- https://fly.io/phoenix-files/live-render-sticky-option/ (https://fly.io/phoenix-files/live-render-sticky-option/)
- https://github.com/petalframework/petal_components (https://github.com/petalframework/petal_components)
- https://milligram.io/ (https://milligram.io/)
- https://github.com/phoenixframework/phoenix/pull/4100 (https://github.com/phoenixframework/phoenix/pull/4100)
- https://surface-ui.org/getting_started (https://surface-ui.org/getting_started)
Guest Information
- https://twitter.com/chris_mccord (https://twitter.com/chris_mccord) – on Twitter
- https://github.com/chrismccord (https://github.com/chrismccord) – on Github
- http://chrismccord.com/ (http://chrismccord.com/) – Blog
- https://twitter.com/flydotio (https://twitter.com/flydotio) – Fly.io on Twitter
Find us online
- Message the show - @ThinkingElixir (https://twitter.com/ThinkingElixir)
- Email the show - [email protected] (mailto:[email protected])
- Mark Ericksen - @brainlid (https://twitter.com/brainlid)
- David Bernheisel - @bernheisel (https://twitter.com/bernheisel)
- Cade Ward - @cadebward (https://twitter.com/cadebward)
Show Notes online - http://podcast.thinkingelixir.com/84 (http://podcast.thinkingelixir.com/84)
Elixir Community News
- https://news.livebook.dev/v0.5-flowcharts-custom-widgets-intellisense-and-ui-improvements-4FcvbG (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 (https://twitter.com/josevalim/status/1483907938590810118) – José Valim's Twitter thread announcing the release
- https://twitter.com/josevalim/status/1484915718223286276 (https://twitter.com/josevalim/status/1484915718223286276) – Livebook future release will include BEAM memory display on the sidebar
- https://github.com/mcrumm/liveuploadexample/commit/8be00c0d451f94ad82860a9b85ab020092e2a8b7 (https://github.com/mcrumm/live_upload_example/commit/8be00c0d451f94ad82860a9b85ab020092e2a8b7) – Michael Crumm shared his PR that updated the liveviewupload example to HEEx templates as an example
- https://www.empex.co/mtn (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 (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 (https://twitter.com/ThinkingElixir) or email at [email protected] (mailto:[email protected])
Discussion Resources
- https://fly.io/blog/livebeats/ (https://fly.io/blog/livebeats/) – Blog post by Chris where he talks about the project.
- https://github.com/fly-apps/live_beats (https://github.com/fly-apps/live_beats) – Source code for the project.
- https://livebeats.fly.dev/ (https://livebeats.fly.dev/) – Visit the running hosted app.
- https://livebeats.fly.dev/signin (https://livebeats.fly.dev/signin)
- https://fly.io/phoenix-files/tailwind-standalone/ (https://fly.io/phoenix-files/tailwind-standalone/)
- https://github.com/phoenixframework/tailwind (https://github.com/phoenixframework/tailwind)
- https://fly.io/phoenix-files/live-render-sticky-option/ (https://fly.io/phoenix-files/live-render-sticky-option/)
- https://github.com/petalframework/petal_components (https://github.com/petalframework/petal_components)
- https://milligram.io/ (https://milligram.io/)
- https://github.com/phoenixframework/phoenix/pull/4100 (https://github.com/phoenixframework/phoenix/pull/4100)
- https://surface-ui.org/getting_started (https://surface-ui.org/getting_started)
Guest Information
- https://twitter.com/chris_mccord (https://twitter.com/chris_mccord) – on Twitter
- https://github.com/chrismccord (https://github.com/chrismccord) – on Github
- http://chrismccord.com/ (http://chrismccord.com/) – Blog
- https://twitter.com/flydotio (https://twitter.com/flydotio) – Fly.io on Twitter
Find us online
- Message the show - @ThinkingElixir (https://twitter.com/ThinkingElixir)
- Email the show - [email protected] (mailto:[email protected])
- Mark Ericksen - @brainlid (https://twitter.com/brainlid)
- David Bernheisel - @bernheisel (https://twitter.com/bernheisel)
- Cade Ward - @cadebward (https://twitter.com/cadebward)
More episodes of the podcast Thinking Elixir Podcast
283: Erlang Turns 27 and React at Risk
16/12/2025
282: Type Systems and View Transitions
09/12/2025
281: Planning for the Unexpected
02/12/2025
280: Dark Matter Developers
25/11/2025
279: Hot Code Upgrades and Hotter AI Takes
18/11/2025
278: WAL-ing Through Database Changes
11/11/2025
277: Searching Across the Hexiverse
04/11/2025
276: Elixir v1.19 Types and Speed
28/10/2025
275: From Slop to Success?
21/10/2025
274: Protocols, Permissions, and Performance
14/10/2025
ZARZA We are Zarza, the prestigious firm behind major projects in information technology.