cblavier
Phx_component_helpers - Extensible live_components, without boilerplate
Hey there 
A few days ago I extracted a lot of functions I’m using in 2 different projects (one large phoenix LiveView project and a small PETAL app)
https://github.com/cblavier/phx_component_helpers
It basically answers to the following needs:
- quickly package UI code into live_components
- make components extensible from the templates (in the spirit of Tailwind & Alpine)
- less boilerplate possible.
I first tried Surface, and even if I was impressed, it felt too heavy for me (btw it has more line of codes than LiveView itself) and I’d really prefer to stay closer to the underlying library (LiveView)
Let me know what you think of this lib 
Most Liked
cblavier
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 
cblavier
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:
cblavier
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 
https://github.com/cblavier/phx_component_helpers/blob/main/CHANGELOG.md
Popular in Announcing
Other popular topics
Latest on Elixir Forum
Sponsor Spotlight
We build reliable cloud platforms for business-critical systems.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
The deployment platform built for Elixir: PaaS ease, VPS control.
Courses that'll move you from confusion to "Aha, now I get it!"