🔗 Data fetching using LiveComponents

A common occurance in my phoenix applications is the need to render a list of some items – say companies in a job board application. Let’s start out simple by using the phoenix generators to build up the first bunch of boilerplate for those companies:

$ mix phx.gen.live JobBoard Company companies name:string website:string

This does generate a liveview module MyAppWeb.CompanyLive.Index, which for the liveaction :index can render a nice list of companies.

But usually things do not stop here. Let’s say the next requirement is adding the number of jobs published per company in that table on the index page. A quick look into the liveview module will reveal that it calls into its related context module to fetch companies’ data for rendering.

def list_companies() do
  Repo.all(Company)
end