A glimpse of some of the components we’re writing with phx_component_helpers
A table with infinite scroll, sticky headers, sorting, filtering, placeholder, result counter … coming for really cheap to our front-end developpers

Code source is really neat with proper component encapsulation

CleanShot 2021-04-13 at 17.56.41@2x1894×1820 190 KB

As we started to get an ever growing list of components and were also looking to get stronger UI guidelines (I’m looking at you Tailwind colors ) we built our own storybook (inspired from React’s)

Here is a preview:

0.8.0

I’m still (I guess) the sole user of this library, but for whatever reason I’m polishing it as if it were to be used by thousands

Just released 0.9.0 with new forward_assign/2 that will help writing nested components (you often need to propagate part of assigns to a child component)

Feature-wise there is now everything I wanted in this library.
It just needs a bit more example & documentation before a proper 1.0 release

No alpine there: only using plain JS (there is actually a single 50 loc JS file for the infinite scroll hook).

The static sidebar on the left is part of the layout, no special trick here, LiveView doesn’t know anything about the layout.

We also use Turbolinks to manage page to page navigation.