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

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
wfgilman
I’m writing up this quick “How to” because what I thought was going to be an easy implementation of a Plug to validate a webhook request ...
New
tfwright
I thought I’d share a small project I’m working on to gain some familiarty with LiveView in a Phoenix app. Github Repo Deployment It’s...
New
zachallaun
Hey friends, wanted to share a tiny shell script I’ve been using to start Livebook with easy access to either a running production server...
New
siever
I just wrote a simple guide on how you can setup a productive elixir development environment in vim. Its really easy, just a few steps. ...
New
rhcarvalho
After collecting information from multiple sources (this forum, blogs, StackOverflow and GitHub), I was finally able to successfully embe...
New
tonydang
I recently got inertia-phoenix (an Inertia.js adapter for Phoenix) working with Svelte. Setting up the server-side rendering (SSR) with S...
New
crockwave
To integrate dropdown menus in a Phoenix Liveview app, you can use a combination of js, Hooks, CSS and your .leex and .ex code. You can...
New
GenericJam
Just leaving some breadcrumbs for future me and future others like me. Connect with TCP (not secured) - most servers will reject but use...
New
anuragg
We finally have a Mix clustering guide to go with Phoenix deployment with Mix Releases. Deploy an Elixir Cluster with Mix Releases and l...
New

Other popular topics Top

TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
274 41539 114
New
chrismccord
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
688 30877 112
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
Emily
I have VueJS GUIs with the project generated using Webpack. I have Elixir modules that will need to be used by the VueJS GUIs. I forese...
New
belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
aalberti333
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
New
fayddelight
I tried installing elixir 1.11.2 erlang 23.3.4 via asdf in my zsh shell. Enabled the versions locally and globally. When I list them ...
New
dblack
I’ve got an issue with an app and I’ve no idea of how to troubleshoot it. I’m hoping someone here might have seen something similar. I p...
New
boundedvariable
I am going through the kafka architecture. All the features what the kafka is providing are already in Erlang. I would like hear your opi...
New
rms.mrcs
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list. ...
New

We're in Beta

About us Mission Statement