I have been using Radium to do runtime themable components. A bit like how with SASS Bootstrap you have theme variables you can configure (see Egghead series). This is possible with Aphrodite but if you change colors by dragging sliders etc it generates 100's of css classes for each component.
Ideally I need some way to remove classes that are no longer needed. This looks like it would be hard to track on a component level. Could be a style garbage collector of some kind.
Changing a theme variable probably requires a top down render of the App so I think I can get most of the way there by wiping out the whole aphrodite style tag when a theme variable changes. Is there a library way of doing this? Or should I just use querySelector?
Radium is now struggling to handle Pseudo selectors because of changes in React 15 and seriously considering adopting style tags instead of inline styles:
FormidableLabs/radium#788
So for the two style libraries I like the fact Radium allows me to style at runtime without leaving garbage and that Aphrodite has solid handling of hover states etc. But I don't want to choose between these two features.
I have been using Radium to do runtime themable components. A bit like how with SASS Bootstrap you have theme variables you can configure (see Egghead series). This is possible with Aphrodite but if you change colors by dragging sliders etc it generates 100's of css classes for each component.
Ideally I need some way to remove classes that are no longer needed. This looks like it would be hard to track on a component level. Could be a style garbage collector of some kind.
Changing a theme variable probably requires a top down render of the App so I think I can get most of the way there by wiping out the whole aphrodite style tag when a theme variable changes. Is there a library way of doing this? Or should I just use querySelector?
Radium is now struggling to handle Pseudo selectors because of changes in React 15 and seriously considering adopting style tags instead of inline styles:
FormidableLabs/radium#788
So for the two style libraries I like the fact Radium allows me to style at runtime without leaving garbage and that Aphrodite has solid handling of hover states etc. But I don't want to choose between these two features.