Best way to use styles with React


#1

I’m taking some time today to dive into the new React Packages. I’m trying to figure out the best way to use React with styles.

From everything I have read, inline styles are the way to go for the most part. I have no inherent problem with this. But when it comes to global styles, how should I be handling this? Should my global style just sit inside a LESS / CSS file somewhere. Then just declare component specific styles along side my components?

In any case, this is very confusing as to what the best practice is and I could use some help to be pointed in the right direction.

EDIT: I also wanted to ask if declaring global variable for styles was the “right” this todo? I.E. declaring global colors to be used with inline styles?