Styling React Components. JS or in Stylesheets?

What’s the general consensus on styling react components? I have a huge 400+ line CSS that is starting to get messy. Should I look into putting CSS in JS or would spliting the CSS into multiple sheets be better?

There is no real “consensus” and there are evolving approaches that are being debated. Personally I like the multiple css files (usually SASS or SCSS for me) approach.

1 Like

I use 1 sheet per component.

Ah I see, I guess no one has an agreement yet. I guess I’ll just try out the different methods myself and come to a conclusion.