Get rid of sass using javascript styles

gpbl / isomorphic500

A 500px app built with React and Fluxible with babeljs

http://isomorphic500.herokuapp.com

MIT License

1.34k stars 183 forks source link

Get rid of sass using javascript styles #6

Open gpbl opened 9 years ago

gpbl commented 9 years ago

I'd like to remove the CSS preprocessor and go straight with javascript also for the CSS (whoo), but it seems the available modules do not fit well with my architecture.

react-style is on the top list, but it is not working yet with react-hot-loader.
RCSS does not work with react-hot-loader, plus unclear things with webpack and cache-buster. But I love the idea behind it, more then react-style.
jss looks also promising but is not so react oriented as react-style.

irvinebroque commented 9 years ago

@gpbl -- still a preprocessor, but suit-css helped me a lot here:

https://github.com/suitcss/rework-suit

Conforms to the new W3C CSS spec, can handle NPM-style @imports, and the syntax aligns well with components. Still would love to be able to just use CSS in JS though.

gpbl commented 9 years ago

Thanks @irvinebroque it is indeed interesting

now the next big thing for the weekend is a server-side flux architecture... that will be fun, i see it is the nr. 1 issue in your project as well :-)

benoneal commented 9 years ago

Would also like to see javascript styles implemented in this, though I prefer the react-styles implementation over RCSS, which seems to require more handholding.

gpbl commented 9 years ago

+1 for react-styles

edjafarov commented 9 years ago

https://twitter.com/dan_abramov/status/554411131176235009 https://github.com/jsstyles/react-jss

thought I would prefer to have react-style instead.