I use Chakra UI in Next.js, and I really enjoy it. It's currently being entirely rewritten in TypeScript (the support is already great in the production branch, but having native types will make it even more awesome).
I'm not familiar with the other libraries you mentioned, but what I like in Chakra is:
Accessibility by design
Style props†
Complete set of UI elements, easy to override and compose
† I was a big fan of the styled-components approach, but it generates a lot of boilerplate to override styles locally, whereas the styled-system / style props approach makes it really easy, at the cost of mixing style and functional props, but which is an acceptable trade-off IMHO.
I have been using only the bare css prop of emotion to customize predefined components, but not styled-system... and yes, my concern is the additional overhead, but your comment below is one answer.
the cost of mixing style and functional props, but which is an acceptable trade-off IMHO.
That seems to be a good option to choose!
And other points are also attractive.
easy to override and compose
Yes, this is one thing I think is important and what I need css prop (or styled system!) for.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I use Chakra UI in Next.js, and I really enjoy it. It's currently being entirely rewritten in TypeScript (the support is already great in the production branch, but having native types will make it even more awesome).
Thank you!
It sounds nice, and yes, Chakra seems very active and growing.
Do you think it has some advantages over other libraries?
I'm not familiar with the other libraries you mentioned, but what I like in Chakra is:
† I was a big fan of the styled-components approach, but it generates a lot of boilerplate to override styles locally, whereas the styled-system / style props approach makes it really easy, at the cost of mixing style and functional props, but which is an acceptable trade-off IMHO.
Thank you!
I have been using only the bare css prop of
emotionto customize predefined components, but not styled-system... and yes, my concern is the additional overhead, but your comment below is one answer.That seems to be a good option to choose!
And other points are also attractive.
Yes, this is one thing I think is important and what I need css prop (or styled system!) for.