Listing tutorials

Published 01 Jun

How to use Phoenix forms for embedded schema and JSONB

jsonbformsecto

In this tutorial, I want to show you how you can setup form that stores the data in partly the columns in a database but also some of the fields in ..

Published 02 Sep - 2020

Table sorting with Ecto and LiveView

ectoliveviewsorting

A very common or even mandatory feature in e-commerce stores is the ability to sort a list of products by attributes. This is easy enough and a good..

Published 31 Aug - 2020

Fuzzy find with Ecto in Phoenix LiveView

ectoliveviewfuzzyseachsearch

Fuzzy find is both a simple and a complex thing. Even though though it's simple to implement, its hard to get right from a UX perspective. Luckily, ..

Published 15 Feb - 2020 - Updated 01 May - 2020

Create ghost loading cards in Phoenix LiveView

ectoliveviewphoenix

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 11 Feb - 2020 - Updated 01 May - 2020

Add Tags with Ecto has_many, through in Phoenix - Tagging part 1

belongs_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 Ecto

ectojsonbphoenixpostgresql

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 03 Feb - 2020 - Updated 01 May - 2020

Setup a has_many / belongs_to in Phoenix

belongs_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..