71: LiveView and the 7-GUI Tasks with German Velasco

We catch up with German Velasco then talk about how he learned of the 7-GUI Tasks online challenge and how he wanted to see how LiveView could approach it. We talk about his ElixirConf presentation and how the idea of modeling state impacted his solutions to these problems. We go over what these common UI patterns are and how LiveView is able to approach them differently. We talk about Chris McCord’s idea of “Live Apps” and how LiveView really is different from what other languages and communities can do. We discuss using LiveView to implement UI patterns that it wasn’t designed for and how that process has gotten better over time and much more!

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

Elixir Community News

• https://fly.io/blog/how-safari-ruined-my-tuesday/ – How Safari Ruined My Tuesday by Chris McCord
• https://github.com/phoenixframework/phoenix_live_view/commit/7205df526863b8f391a432ff93700d06e951dfc0 – LiveView PR for dealing with Safari bug
• https://github.com/phoenixframework/phoenix_live_view/blob/master/CHANGELOG.md#0172-2021-10-22 – Phoenix LV 0.17
• https://twitter.com/josevalim/status/1450484094383665156 – Run in Livebook showing up online
• https://thinkingelixir.com/podcast-episodes/066-tracing-production-with-kai-wern-choong/ – Episode 66 - Tracing Production with Kai Wern Choong
• https://twitter.com/fhunleth/status/1450496248847519755 – Nerves Livebook 0.3.0 also released
• https://twitter.com/wojtekmach/status/1452669971323047947 – Wojtek Mach teased a picture showing the Livebook graphic on a macOS dock
• https://twitter.com/josevalim/status/1450823190477955080 – ExDoc v0.25.5 is out with .livemd support
• https://www.youtube.com/playlist?list=PLqj39LCvnOWZna91xJ_i44g3rx4Brbpnv – ElixirConf 2021 videos are all up!
• https://www.youtube.com/watch?v=IqnZnFpxLjI&list=PLqj39LCvnOWZna91xJ_i44g3rx4Brbpnv&index=28 – Mark Ericksen's presentation about Globally Distributed Elixir Apps on Fly.io
• https://twitter.com/josevalim/status/1451639067989397514 – Elixir 1.13 RC should be out
• https://twitter.com/louispilfold/status/1452305571047251970 – Gleam now has the ability to publish hex.pm packages
• https://twitter.com/dashbit/status/1452638207271600129 – New Phoenix project called PLDS (Phoenix LiveDashboard Standalone)
• https://www.youtube.com/watch?v=Rzl5BH8nb8M – Youtube video showing PLDS usage
• https://twitter.com/scenicframework/status/1451276015041343502 – Scenic v0.11.0-beta.0 is published
• https://codesync.global/conferences/code-beam-sf-2021/ – Code BEAM America - 3-5 November 2021
• https://www.thebigelixir.com/ – Big Elixir - March 24-25 2022

Do you have some Elixir news to share? Tell us at @ThinkingElixir or email at [email protected]

Discussion Resources

• https://www.germanvelasco.com/blog/seven-guis-flight-booker
• https://www.tddphoenix.com/ – Test-Driven Development with Phoenix - online book
• http://testingliveview.com
• https://eugenkiss.github.io/7guis/tasks/ – The 7-GUI Tasks defined
• https://www.youtube.com/watch?v=Xu2QtHUbFmc&list=PLqj39LCvnOWZna91xJ_i44g3rx4Brbpnv&index=48 – German Velasco's ElixirConf talk - Making invalid states unrepresentable in LiveView
• https://www.germanvelasco.com/blog/seven-guis-counter – Counter
• https://www.germanvelasco.com/blog/seven-guis-temperature – Temp Converter
• https://thinkingelixir.com/podcast-episodes/018-tdd-and-phoenix-with-german-velasco/ – Previous interview
• https://github.com/woylie/ecto_nested_changeset
• https://www.testingliveview.com/
• https://www.germanvelasco.com/

Guest Information

• https://twitter.com/germsvel – on Twitter
• https://github.com/germsvel/ – on Github
• https://www.germanvelasco.com/ – Blog
• https://www.testingliveview.com/ – Testing LiveView online Course

Find us online

• Message the show - @ThinkingElixir
• Email the show - [email protected]
• Mark Ericksen - @brainlid
• David Bernheisel - @bernheisel
• Cade Ward - @cadebward