phx_component_helpers
surface
Our great sponsors
| phx_component_helpers | surface | |
|---|---|---|
| 0 | 6 | |
| 91 | 1,659 | |
| - | 2.5% | |
| 7.2 | 8.6 | |
| 13 days ago | 6 days ago | |
| Elixir | Elixir | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
phx_component_helpers
We haven't tracked posts mentioning phx_component_helpers yet.
Tracking mentions began in Dec 2020.
surface
-
Course/Extensive tutorials for Phoenix 1.6?
This is just an idea, but what about implementing using Phoenix.View(via use MyAppWeb, :view in your module)? Then assign I think has access to @conn. Then maybe work some magic to still allow Phoenix.Component syntax - but at this point, this is something I believe is a flow that might be in development. Try investigating / asking in Surface, because that is a lot more similar to React in its approach. In fact, I think Surface is where more aggressive features are pushed out, and ironed-out features get included into Phoenix. This was the case for Phoenix.Component, and HEEX.
-
Porting files generated by phoenix to surface
This post is intended to get you started with surface provided components. I provided the original code and surface versions so you can compare the differences yourself without installing anything. After installing surface following the installation guide https://surface-ui.org/getting_started add surface_bulma in your mix.exs, this will allow you to use the table component.
-
We Got to LiveView
I totally get the "Am I doing this the right way?" feeling, especially coming from Rails where everything was so opinionated and wanting to stay idiomatic.
Phoenix, while it does have opinions, is far less opinionated in the sense that it doesn't do it darndest to force you into certain conventions (for example, if your module name doesn't match your file name, Phoenix won't complain). Its generators do try and push you toward using good DDD practices (which is my opinion is a GREAT thing), but of course the generators are completely optional.
I don't have experience writing large LiveView apps but I would say that if you are familiar with any component-based frameworks (like React), I would take a look at SurfaceUI[1]. It simplifies a few "gotchas" in LiveView (though I would say they are very minor gotchas and worth learning about at some point) and gives you a component-rendering syntax more like React. Once you get going, you'll learn that LiveView doesn't have all the headaches that come with bigger React apps (like having to memoize functions or comparing props to avoid a re-render and whatnot). The recent release candidate for Phoenix 1.6 has made strides for a cleaner component syntax, but if you're having trouble with LiveView, Surface might bring some familiarity.
-
Phoenix 1.6.0-RC.0 Released
Have you seen Surface UI? Pretty cool. Collection of LiveView components. https://surface-ui.org/
- Surface UI – A server-side rendering component library for Phoenix
-
Letter Square: Post Mortem
I also did not use "vanilla" LiveView, as I used the Surface library. This is a wrapper around LiveView that brings a whole new syntax to make the experience even more comfortable.
What are some alternatives?
react_phoenix - Make rendering React.js components in Phoenix easy
torch - A rapid admin generator for Elixir & Phoenix
phoenix_live_view - Rich, real-time user experiences with server-rendered HTML
plug - Compose web applications with functions
phoenix-full-stack-work-sample
ex_admin - ExAdmin is an auto administration package for Elixir and the Phoenix Framework
addict - User management lib for Phoenix Framework
kerosene - Pagination for Ecto and Pheonix.
phoenix_html - Phoenix.HTML functions for working with HTML strings and templates
plugsnag - A Bugsnag notifier for Elixir's plug
webassembly - Web DSL for Elixir
phoenix_html_simplified_helpers - Some helpers for phoenix html( truncate, time_ago_in_words, number_with_delimiter, url_for, current_page? )