Published 03 Mar - 2020 - Updated 01 May - 2020
Each LiveView on each tab spawns a separate state. That might or might not be the desired behaviour. In this tutorial, I am going to share state bet..
Published 21 Feb - 2020 - Updated 01 May - 2020
Create a Calendar in Phoenix LiveViewcalendarliveviewphoenix
In this tutorial I am creating a simple calendar in Phoenix LiveView. The calendar should be able to switch month, highlight current day and select ..
Published 15 Feb - 2020 - Updated 01 May - 2020
Create ghost loading cards in Phoenix LiveViewectoliveviewphoenix
Unless you already didn't know, when a LieView component is mounted on a page, it runs the mount/2 function twice. One when the page is rendered fro..
Published 14 Feb - 2020 - Updated 01 May - 2020
Improving LiveView UX with Phoenix Channels - Tagging part 3channelsformsliveviewphoenixtagging
In the previous tutorial I set up the tagging interface. It had however a small issue. If I added a tag, it didnt really refocus on the input so I n..
Published 13 Feb - 2020 - Updated 01 May - 2020
Tagging interface with Phoenix LiveView and Tailwind - Tagging part 2formsliveviewphoenixtaggingtailwindtypeahead
In the previous tutorial, I set up the the backend for being able to add tags to products. I have also written a tutorial about adding a LiveView an..
Published 11 Feb - 2020 - Updated 01 May - 2020
Add Tags with Ecto has_many, through in Phoenix - Tagging part 1belongs_toectohas_manyphoenix
I want to add tags to products. And as usual there are a situation where a product can have many tags and a tag can belong to many products. Howeve..
Published 10 Feb - 2020 - Updated 01 May - 2020
Add an use a JSONB field in Phoenix and Ectoectojsonbphoenixpostgresql
PostgreSQL has native support for objects stored as JSON as actually binary JSON (or JSONB). With JSONB format, you can add index do the column for ..
Published 05 Feb - 2020 - Updated 01 May - 2020
Nested model forms with Phoenix LiveViewformsliveviewphoenix
I my last article, I set up a relationship between products and variants. But what I didn't go through was to setup a form where you can manage the ..
Published 03 Feb - 2020 - Updated 01 May - 2020
Setup a has_many / belongs_to in Phoenixbelongs_toectohas_manyphoenix
Something I do in EVERY project is to setup some sort of relation between resources. And even though Phoenix comes with generators for migrations an..
Published 01 Feb - 2020 - Updated 01 May - 2020
Create a Bootstrap Like Modal with Tailwind and Alpine.jsalpinejsbootstrapmodaltailwind
In certain scenarios, it doesnt really make sense to use LiveView. That can be toggling dropdowns, tabs, accordions and opening modals. There is a g..