Building Table Views with Phoenix LiveView (Pragmatic Bookshelf)

PragmaticBookshelf
Learn how to leverage Phoenix LiveView and make vast amounts of data manageable with common but complex features like pagination, sorting, filtering, and more.

Peter Ullrich @pullrich

edited by Michael Swaine @michaelswaine

Data is at the core of every business, but it is useless if nobody can access and analyze it. Learn how to generate business value by making your data accessible with advanced table UIs. This definitive guide teaches you how to bring your data to the fingertips of nontechnical users with advanced features like pagination, sorting, filtering, and infinity scrolling. Build reactive and reuseable table components by leveraging Phoenix LiveView, schemaless changesets, and Ecto query composition. Table UIs are the bread and butter for every web developer, so it is time to learn how to build them right.

As a web developer, you have to build tables. Lots and lots of tables. With table UIs making up such a significant part of your daily work, you need to know how to build the right table for the task, with all the needed features. Building a simple table is easy, but tables only become really useful with advanced features like pagination, sorting, and filtering. That’s where building a table can quickly become complicated. This book shows you how to implement advanced table features in a clean and reusable way.

You’ll build fast and interactive table UIs by leveraging Phoenix LiveView. Make vast amounts of data manageable with common but complex features like pagination, sorting, filtering, and inifinity scrolling. Use SOLID coding principles to make your queries reusable with query composition. Compartmentalize your UI with LiveComponents and learn how to handle user input securely with schemaless changesets. Share your view onto the data painlessly by storing your search parameters in the URL.

Data is one of the most valuable assets of your business, but you cannot unlock its potential if you don’t know how to make it accessible. This book shows you how to deliver that data to your users’ fingertips quickly.


Peter Ullrich is a senior backend developer from Germany. He loves sharing his Elixir knowledge through conference talks, workshops, blogs, YouTube channels, and podcasts. His speciality is breaking down complex topics into smaller and easy to understand parts. His dream is to make programming approachable for everyone.


Don’t forget you can get 35% off with your Devtalk discount! Just use the coupon code “devtalk.com" at checkout :+1:

Latest Threads About This Book Top

ewatjen
This is the second time implementing this stuff on a project. The first time, I had no problem. This time I experienced an error (someth...
New
ghenry
Hi, On Page 10 for example, should we be using for example: <.link patch={~p"/customers?sort=asc"} replace={false}> as per: ...
New
PragmaticBookshelf
Author Spotlight: Peter Ullrich @PJUllrich Data is at the core of every business, but it is useless if nobody can access and analyze ...
New
crn
@pullrich Title: Building Table Views with Phoenix LiveView: typo in we want >> out << LiveComponent to handle → we want &gt...
New
New
tma_1
The completed code is available, but is there somewhere to get the initial code for the application?
New
PaulOstazeski
This way, we only store the subset of the meerkat data in-memory until the LiveView has drendered it and free up its memory allocation ri...
New
PragmaticBookshelf
Learn how to leverage Phoenix LiveView and make vast amounts of data manageable with common but complex features like pagination, sorting...
New

Most Active This Week Top

Most Active This Month Top

Most Active This Year Top

ewatjen
This is the second time implementing this stuff on a project. The first time, I had no problem. This time I experienced an error (someth...
New

Most Active Last Three Years Top

PragmaticBookshelf
Author Spotlight: Peter Ullrich @PJUllrich Data is at the core of every business, but it is useless if nobody can access and analyze ...
New
PragmaticBookshelf
Learn how to leverage Phoenix LiveView and make vast amounts of data manageable with common but complex features like pagination, sorting...
New
tma_1
The completed code is available, but is there somewhere to get the initial code for the application?
New
PaulOstazeski
This way, we only store the subset of the meerkat data in-memory until the LiveView has drendered it and free up its memory allocation ri...
New
New
crn
@pullrich Title: Building Table Views with Phoenix LiveView: typo in we want >> out << LiveComponent to handle → we want &gt...
New
ghenry
Hi, On Page 10 for example, should we be using for example: <.link patch={~p"/customers?sort=asc"} replace={false}> as per: ...
New

Most Active Over Three Years Top

Get money off!

The Pragmatic Bookshelf

35% off any eBook

Simply use coupon code "devtalk.com" at checkout. See full details here.