Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
phoenix-liveview-counter-tutorial
🤯 beginners tutorial building a real time counter in Phoenix 1.7.14 + LiveView 1.0 ⚡️ Learn the fundamentals from first principals so you can make something amazing! 🚀
https://github.com/dwyl/phoenix-liveview-counter-tutorial
Last synced: 6 days ago
JSON representation
-
Step 4: _Share_ State Between Clients!
-
Recap: Working Counter _Without_ Writing `JavaScript`!
-
Code Explanation
-
Checkpoint: Run It!
-
-
More Tests!
-
Bonus Level: Use a `LiveView Component` (Optional)
-
Add More Tests!
-
-
Moving state out of the `LiveView`
-
Create a `LiveView Component`
-
-
How many `people` are viewing the Counter?
-
Update the Tests for `GenServer` State
-
-
`LiveView`?
-
Prerequisites: What you Need _Before_ You Start 📝
-
Step 0: Run the _Finished_ Counter App on your `localhost` 🏃
-
_Download_ the Dependencies
-
-
Step 2: Create the `counter.ex` File
-
_Explanation_ of the Code
-
-
`Phoenix LiveView` for Web Developers Who Don't know `Elixir`
-
Update the Tests for `GenServer` State
-
Programming Languages
Categories
`Phoenix LiveView` for Web Developers Who Don't know `Elixir`
10
More Tests!
9
Step 4: _Share_ State Between Clients!
6
Step 2: Create the `counter.ex` File
5
Prerequisites: What you Need _Before_ You Start 📝
4
`LiveView`?
2
Step 0: Run the _Finished_ Counter App on your `localhost` 🏃
1
How many `people` are viewing the Counter?
1
Moving state out of the `LiveView`
1
Bonus Level: Use a `LiveView Component` (Optional)
1
Sub Categories
Keywords
tutorial
3
example
2
elixir
2
phoenix
2
phoenix-framework
2
phoenix-liveview
2
alpinejs
1
examples
1
minimum-viable-product
1
mvp
1
petal
1
tailwindcss
1
time
1
todo
1
todolist
1
tracking
1
auth
1
authentication
1
chat
1
liveview
1
realtime
1
beginner
1
beginner-friendly
1
elixir-lang
1
tutorial-code
1