Phoenix LiveView Counter Tutorial for Complete Beginners (updated for 1.7)

Completely updated to Phoenix 1.5.3 + LiveView 0.13.2 (latest versions of both)
Considerably simpler and easier to learn. (credit to the Phoenix team!)

*LiveView 0.13.3

@Sanjibukai indeed the changelog on master has been updated for the upcoming release

but at the time of writing, 0.13.3 has not been published to Hex.pm: phoenix_live_view | Hex

See: Releases · phoenixframework/phoenix_live_view · GitHub

Given that the tutorial is aimed at complete beginners, we aren’t going to instruct them to use the master LiveView version that has not been released yet.

Once a new version of LiveView is published, we will gladly accept a Pull Request updating the tutorial if necessary. But until then this is the bleeding edge.

I was just joking…
You didn’t have too use such energy with screenshots etc. My bad..
Sorry if you misunderstood..

@Sanjibukai it’s difficult to discern tone from text. Thanks for clarifying you were joking.
Anyway, hope everyone finds the tutorial useful.

Updated to: Phoenix 1.5.5 + LiveView 0.14.7 (no breaking changes!)

This tutorial was recently fully updated to Phoenix 1.7: Phoenix 1.7 by chargio · Pull Request #104 · dwyl/phoenix-liveview-counter-tutorial · GitHub there were quite a few breaking changes and a lot of new “boilerplate” in the codebase.

We would prefer less boilerplate / framework code in our projects as it would require reading for a new joiner in a project and less maintenance. But if the alternative is “magic”, then this is acceptable.

Happy LiveView-ing in 2023 everyone!