Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Switch from radium to styled-components #112

Open
gabrielbull opened this issue Jan 30, 2018 · 12 comments
Open

Switch from radium to styled-components #112

gabrielbull opened this issue Jan 30, 2018 · 12 comments

Comments

@gabrielbull
Copy link
Owner

gabrielbull commented Jan 30, 2018

What are the pros and cons of those three solutions?

Which one is the most adapted for a component library?

The new library should allow for extending proposed in #113

Switch react-desktop from radium to styled-components. Can be done progressively.

Need to provide multiple ways for the user to extend the style of a component, including className property, style property, etc.

@gabrielbull gabrielbull changed the title Switch from radium to styled-components OR sass Switch from radium to styled-components, sass or emotion Jan 30, 2018
@gabrielbull gabrielbull added this to the Beta 0.4.0 milestone Jan 30, 2018
@yordis
Copy link

yordis commented Jan 31, 2018

Between those,

Definitely styled-components.

Emotion is fine as well but you will no have the same support and some missing features compare to styled-components.

SASS, to be honest, I have almost a year without touching anything outside of JSCSS and unless I have to jump to something outside of React I will keep using styled-components or any other implementation of JSCSS

@alacroix
Copy link
Collaborator

I used styled-components for about 9 months now, I'm pretty convinced of the utility of CSS-in-JS. Writing pure SASS makes us lose a huge amount of flexibility.

When you say "missing features" about emotion @yordis, do you have more details? All I can find on different issues is that both are pretty much the same, with emotion being more smaller and faster.

@gabrielbull
Copy link
Owner Author

Seems like everyone is on-board with styled-components. As for styled-components vs emotion, if they are on par, I think it would be wiser to use styled-components as it has a much bigger user base, with 13 462 stars on Github vs 2 822 for emotion.

@gabrielbull gabrielbull changed the title Switch from radium to styled-components, sass or emotion Switch from radium to styled-components Jan 31, 2018
@yordis
Copy link

yordis commented Jan 31, 2018

@alacroix emotion-js/emotion#113 (comment)

@yordis
Copy link

yordis commented Jan 31, 2018

@gabrielbull also the version 3.1 is much faster than before https://twitter.com/mxstbr/status/957905553044463621

@alacroix
Copy link
Collaborator

Let's go for styled-components then 👍

@bakhaa
Copy link

bakhaa commented Oct 20, 2018

I can help with styled-components.

@davej
Copy link
Collaborator

davej commented Oct 20, 2018

Happy to review and merge PRs if anyone wants to make a start.

@davej davej closed this as completed Oct 20, 2018
@davej davej reopened this Oct 20, 2018
@AndrewKralovec
Copy link

AndrewKralovec commented Feb 23, 2019

As mentioned in issue-129 , lets keep mind theming for the two operating systems.

https://www.styled-components.com/docs/advanced

@davej davej mentioned this issue May 31, 2019
@pixelass
Copy link

I this suggestion still under consideration?

Since I'm currently building an OS X component library with styled-components (supporting light & dark mode) I might be open to contribute.

@davej
Copy link
Collaborator

davej commented Sep 11, 2019

@pixelass Yes, I would be happy to review any contributions.

@pixelass
Copy link

Right now I'm building things from scratch but I'll look into this library and see if I can at least add a DRAFT for some new components.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

7 participants