Best way to use styles with React

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?