Listen "117: PhxLiveStorybook"
Episode Synopsis
A UI Storybook for Phoenix LiveView components? Christian Blavier joins to share what his team created and made OpenSource. The project was even mentioned during Chris McCord's keynote as possibly becoming part of the Phoenix project. We learn what a UI Storybook is, how it works in a project, and how it helps teams and individuals maintain consistent styles throughout a project.
Show Notes online - http://podcast.thinkingelixir.com/117 (http://podcast.thinkingelixir.com/117)
Elixir Community News
- https://www.youtube.com/playlist?list=PLqj39LCvnOWbmaPrkGCAzFMC_FYZUkmSr (https://www.youtube.com/playlist?list=PLqj39LCvnOWbmaPrkGCAzFMC_FYZUkmSr) – ElixirConf Keynote videos
- https://twitter.com/chris_mccord/status/1568234495052070915 (https://twitter.com/chris_mccord/status/1568234495052070915) – Chris McCord - Phoenix + LiveView Updates
- https://twitter.com/clintgibler/status/1566924159120130048 (https://twitter.com/clintgibler/status/1566924159120130048) – Elixir Secure Coding Training
- https://www.lightbend.com/blog/why-we-are-changing-the-license-for-akka (https://www.lightbend.com/blog/why-we-are-changing-the-license-for-akka) – Akka - changing to the Business Source License (BSL) v1.1
- https://www.citusdata.com/blog/2022/09/12/distributed-postgres-goes-full-open-source-with-citus/ (https://www.citusdata.com/blog/2022/09/12/distributed-postgres-goes-full-open-source-with-citus/) – Postgres Citus going open source
- https://twitter.com/michalmuskala/status/1569414615271981057 (https://twitter.com/michalmuskala/status/1569414615271981057) – Jason v1.4.0 with improved performance for float-heavy Jason.encode on OTP 24.1+
- https://twitter.com/CodeBEAMio/status/1567618827185176576 (https://twitter.com/CodeBEAMio/status/1567618827185176576) – Code BEAM America conference details
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://github.com/phenixdigital/phxlivestorybook (https://github.com/phenixdigital/phx_live_storybook)
- https://twitter.com/cblavier/status/1557099417706106885 (https://twitter.com/cblavier/status/1557099417706106885)
- https://elixirforum.com/t/would-you-be-interested-in-an-opensource-liveview-storybook/48890 (https://elixirforum.com/t/would-you-be-interested-in-an-opensource-liveview-storybook/48890) – ElixirForum thread where the project started and updates are found
- https://phx-live-storybook-sample.fly.dev/ (https://phx-live-storybook-sample.fly.dev/) – Demo storybook
- https://en.wikipedia.org/wiki/AWS_Lambda (https://en.wikipedia.org/wiki/AWS_Lambda)
- https://www.raspberrypi.org/ (https://www.raspberrypi.org/)
- https://reactnative.dev/ (https://reactnative.dev/)
- https://github.com/surface-ui/surface_catalogue (https://github.com/surface-ui/surface_catalogue)
- https://tailwindcss.com/ (https://tailwindcss.com/)
- https://css-tricks.com/bem-101/ (https://css-tricks.com/bem-101/)
- https://www.figma.com/ (https://www.figma.com/)
Guest Information
- http://twitter.com/cblavier (http://twitter.com/cblavier) – on Twitter
- https://github.com/cblavier/ (https://github.com/cblavier/) – on Github
- https://www.christianblavier.com (https://www.christianblavier.com) – Blog
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/117 (http://podcast.thinkingelixir.com/117)
Elixir Community News
- https://www.youtube.com/playlist?list=PLqj39LCvnOWbmaPrkGCAzFMC_FYZUkmSr (https://www.youtube.com/playlist?list=PLqj39LCvnOWbmaPrkGCAzFMC_FYZUkmSr) – ElixirConf Keynote videos
- https://twitter.com/chris_mccord/status/1568234495052070915 (https://twitter.com/chris_mccord/status/1568234495052070915) – Chris McCord - Phoenix + LiveView Updates
- https://twitter.com/clintgibler/status/1566924159120130048 (https://twitter.com/clintgibler/status/1566924159120130048) – Elixir Secure Coding Training
- https://www.lightbend.com/blog/why-we-are-changing-the-license-for-akka (https://www.lightbend.com/blog/why-we-are-changing-the-license-for-akka) – Akka - changing to the Business Source License (BSL) v1.1
- https://www.citusdata.com/blog/2022/09/12/distributed-postgres-goes-full-open-source-with-citus/ (https://www.citusdata.com/blog/2022/09/12/distributed-postgres-goes-full-open-source-with-citus/) – Postgres Citus going open source
- https://twitter.com/michalmuskala/status/1569414615271981057 (https://twitter.com/michalmuskala/status/1569414615271981057) – Jason v1.4.0 with improved performance for float-heavy Jason.encode on OTP 24.1+
- https://twitter.com/CodeBEAMio/status/1567618827185176576 (https://twitter.com/CodeBEAMio/status/1567618827185176576) – Code BEAM America conference details
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://github.com/phenixdigital/phxlivestorybook (https://github.com/phenixdigital/phx_live_storybook)
- https://twitter.com/cblavier/status/1557099417706106885 (https://twitter.com/cblavier/status/1557099417706106885)
- https://elixirforum.com/t/would-you-be-interested-in-an-opensource-liveview-storybook/48890 (https://elixirforum.com/t/would-you-be-interested-in-an-opensource-liveview-storybook/48890) – ElixirForum thread where the project started and updates are found
- https://phx-live-storybook-sample.fly.dev/ (https://phx-live-storybook-sample.fly.dev/) – Demo storybook
- https://en.wikipedia.org/wiki/AWS_Lambda (https://en.wikipedia.org/wiki/AWS_Lambda)
- https://www.raspberrypi.org/ (https://www.raspberrypi.org/)
- https://reactnative.dev/ (https://reactnative.dev/)
- https://github.com/surface-ui/surface_catalogue (https://github.com/surface-ui/surface_catalogue)
- https://tailwindcss.com/ (https://tailwindcss.com/)
- https://css-tricks.com/bem-101/ (https://css-tricks.com/bem-101/)
- https://www.figma.com/ (https://www.figma.com/)
Guest Information
- http://twitter.com/cblavier (http://twitter.com/cblavier) – on Twitter
- https://github.com/cblavier/ (https://github.com/cblavier/) – on Github
- https://www.christianblavier.com (https://www.christianblavier.com) – Blog
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
287: From RAGs to Rich Workflows
13/01/2026
286: A NextJS Escape and 2025 in Review
06/01/2026
285: From Popcorn to Robots
30/12/2025
284: ‘Tis the Season for a Type System
23/12/2025
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
ZARZA We are Zarza, the prestigious firm behind major projects in information technology.