petal_components
moon
| petal_components | moon | |
|---|---|---|
| 6 | 1 | |
| 740 | 171 | |
| 1.8% | 2.4% | |
| 8.6 | 9.5 | |
| 20 days ago | 12 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.
petal_components
-
Elixir and Phoenix can do it all
There are component libaries for LiveView.
https://github.com/petalframework/petal_components
https://github.com/coingaming/moon
I personally wouldn't use React for components in LiveView, you are just adding more complexity to your application for no reason. It really not that hard to build components using JS and LiveView. In the end you get less complex components than what you would get with react.
-
Anyone interested in writing a Component Library for Phoenix
You might also look at the PETAL components and ponder improving their accessibility (or the default components that come with the latest version of Phoenix, or any of a number of other UI toolkits).
-
Making a CheckboxGroup Input
Nothing stops you from creating 1 component per file. That's what Petal Components library is doing for example: https://github.com/petalframework/petal_components/tree/main/lib/petal_components
-
Something similar to Vuetify for Phoenix LiveView?
Have you looked at https://github.com/petalframework/petal_components?
-
Petal - A HEEX component library using Tailwind
Homepage: https://petal.build/docs Github: https://github.com/petalframework/petal_components The goal is to have a library of components out of the box ready to go so you can start focusing on solving your clients (or startups) problems instead of getting bogged down in design/css. Write components like this:
- Anyone writing a live view component library? How do you solve testing?
moon
-
Elixir and Phoenix can do it all
There are component libaries for LiveView.
https://github.com/petalframework/petal_components
https://github.com/coingaming/moon
I personally wouldn't use React for components in LiveView, you are just adding more complexity to your application for no reason. It really not that hard to build components using JS and LiveView. In the end you get less complex components than what you would get with react.
What are some alternatives?
Sobelow - Security-focused static analysis for the Phoenix Framework
elixir-styler - An @elixir-lang code-style enforcer that will just FIFY instead of complaining
PhoenixBootstrapForm - Bootstrap 4 Forms for Phoenix/Elixir Applications
Phoenix - Peace of mind from prototype to production
Tarams - Cast and validate external data and request parameters for Elixir and Phoenix
next-ls - The language server for Elixir that just works. Ready for early adopters!
Formulator - A form library for Phoenix
elixir-type_check - TypeCheck: Fast and flexible runtime type-checking for your Elixir projects.
PinWork - PinWork(Pinterest for bloggers) built with ❤️ using Angular2 (4.0.0)
lexical - Lexical is a next-generation elixir language server
querie - Compose Ecto query from the client side
last10k_liveview - Streams new SEC Filings in real-time using Phoenix LiveView