November 02, 2021

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

52 minutes

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