nelsonic

nelsonic

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

When we were figuring out how to use Phoenix LiveView we got stuck a few times.
So in order to save other people time, we created a complete beginners tutorial
that assume no prior experience with Phoenix or LiveView:
https://github.com/dwyl/phoenix-liveview-counter-tutorial

Please check it out and share your feedback!
Thanks! :sunny:

Most Liked

nelsonic

nelsonic

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. :thought_balloon:

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! :tada:

Sanjibukai

Sanjibukai

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

nelsonic

nelsonic

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

but at the time of writing, 0.13.3 has not been published to Hex.pm: phoenix_live_view | Hex
live_view_version
See: Releases · phoenixframework/phoenix_live_view · GitHub
live-view-releases

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. :+1:

Where Next?

Popular in Guides/Tuts Top

ben-pr-p
https://github.com/ben-pr-p/elixir-phoenix-parcel-example Hey all! I put together a starter-pack / instructions to set up Phoenix with t...
New
cheerfulstoic
I spent quite a bit of time trying to find a good configuration to build / test my Elixir app in CircleCI and then push an image to Docke...
New
AstonJ
..or as and when you can think of one :icon_cool: This thread my also be of interest: What took you way too long to figure out? :003:
New
bentanweihao
I wrote a thing: http://engineering.pivotal.io/post/how-to-set-up-an-elixir-cluster-on-amazon-ec2/ Hope this is helpful!
New
kokolegorille
Hello dear alchemists, There was this question some days ago here about the deployment to a VPS. As I was in the process of deploying t...
New
pinksynth
Whenever tests have to interact with an Ecto.Repo, sometimes it’s necessary to test a few different branches or paths that data can take....
New
dmitriid
This is not a question, but a post for anyone who may need it in the future. Sometimes some browsers may mangle the filename if it’s non-...
New
marcin
This post is intended to be a guide for others, I was running a remote debugger for the first time and appreciate feedback on how I could...
New
KoviRobi
Hi, I’ve written the following to debug function calls, not sure if it’s useful for anyone else, and if so should I put it somewhere? i...
New
anuragg
We just published a guide to automatic clustering in Elixir 1.9, with Mix releases and libcluster. The cluster automatically discovers n...
New

Other popular topics Top

aadeshere1
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
New
malloryerik
Hi, this is for people who, like me, have had some friction using .html.heex templates in VSCode. The solution seems to be, in a hyphena...
New
vertexbuffer
Hello, can anybody help here..? I have a list of players and I what to delete an element, but every for loop the list is reverting to ori...
New
msaraiva
Surface is an experimental library built on top of Phoenix LiveView and its new LiveComponent API that aims to provide a more declarative...
564 43622 214
New
joeerl
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New
freewebwithme
Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New
PeterCarter
There are pre-rolled solutions for other frameworks that do work. However, Phoenix does not seem to have these. Have people had good expe...
New

We're in Beta

About us Mission Statement