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 (http://podcast.thinkingelixir.com/71)
Elixir Community News
- https://fly.io/blog/how-safari-ruined-my-tuesday/ (https://fly.io/blog/how-safari-ruined-my-tuesday/) – How Safari Ruined My Tuesday by Chris McCord
- https://github.com/phoenixframework/phoenixliveview/commit/7205df526863b8f391a432ff93700d06e951dfc0 (https://github.com/phoenixframework/phoenix_live_view/commit/7205df526863b8f391a432ff93700d06e951dfc0) – LiveView PR for dealing with Safari bug
- https://github.com/phoenixframework/phoenixliveview/blob/master/CHANGELOG.md#0172-2021-10-22 (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 (https://twitter.com/josevalim/status/1450484094383665156) – Run in Livebook showing up online
- https://thinkingelixir.com/podcast-episodes/066-tracing-production-with-kai-wern-choong/ (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 (https://twitter.com/fhunleth/status/1450496248847519755) – Nerves Livebook 0.3.0 also released
- https://twitter.com/wojtekmach/status/1452669971323047947 (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 (https://twitter.com/josevalim/status/1450823190477955080) – ExDoc v0.25.5 is out with .livemd support
- https://www.youtube.com/playlist?list=PLqj39LCvnOWZna91xJ_i44g3rx4Brbpnv (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 (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 (https://twitter.com/josevalim/status/1451639067989397514) – Elixir 1.13 RC should be out
- https://twitter.com/louispilfold/status/1452305571047251970 (https://twitter.com/louispilfold/status/1452305571047251970) – Gleam now has the ability to publish hex.pm packages
- https://twitter.com/dashbit/status/1452638207271600129 (https://twitter.com/dashbit/status/1452638207271600129) – New Phoenix project called PLDS (Phoenix LiveDashboard Standalone)
- https://www.youtube.com/watch?v=Rzl5BH8nb8M (https://www.youtube.com/watch?v=Rzl5BH8nb8M) – Youtube video showing PLDS usage
- https://twitter.com/scenicframework/status/1451276015041343502 (https://twitter.com/scenicframework/status/1451276015041343502) – Scenic v0.11.0-beta.0 is published
- https://codesync.global/conferences/code-beam-sf-2021/ (https://codesync.global/conferences/code-beam-sf-2021/) – Code BEAM America - 3-5 November 2021
- https://www.thebigelixir.com/ (https://www.thebigelixir.com/) – Big Elixir - March 24-25 2022
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://www.germanvelasco.com/blog/seven-guis-flight-booker (https://www.germanvelasco.com/blog/seven-guis-flight-booker)
- https://www.tddphoenix.com/ (https://www.tddphoenix.com/) – Test-Driven Development with Phoenix - online book
- http://testingliveview.com (http://testingliveview.com)
- https://eugenkiss.github.io/7guis/tasks/ (https://eugenkiss.github.io/7guis/tasks/) – The 7-GUI Tasks defined
- https://www.youtube.com/watch?v=Xu2QtHUbFmc&list=PLqj39LCvnOWZna91xJ_i44g3rx4Brbpnv&index=48 (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 (https://www.germanvelasco.com/blog/seven-guis-counter) – Counter
- https://www.germanvelasco.com/blog/seven-guis-temperature (https://www.germanvelasco.com/blog/seven-guis-temperature) – Temp Converter
- https://thinkingelixir.com/podcast-episodes/018-tdd-and-phoenix-with-german-velasco/ (https://thinkingelixir.com/podcast-episodes/018-tdd-and-phoenix-with-german-velasco/) – Previous interview
- https://github.com/woylie/ectonestedchangeset (https://github.com/woylie/ecto_nested_changeset)
- https://www.testingliveview.com/ (https://www.testingliveview.com/)
- https://www.germanvelasco.com/ (https://www.germanvelasco.com/)
Guest Information
- https://twitter.com/germsvel (https://twitter.com/germsvel) – on Twitter
- https://github.com/germsvel/ (https://github.com/germsvel/) – on Github
- https://www.germanvelasco.com/ (https://www.germanvelasco.com/) – Blog
- https://www.testingliveview.com/ (https://www.testingliveview.com/) – Testing LiveView online Course
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)

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

Sponsored By: