The Salesforce Lightning Design System offers a set of Design Tokens that are described as the "visual design atoms of the design system". The Lightning Component framework easily allows you to pull these design tokens into your Lightning Components. However, I'm currently developing an application based on React JS that attempts to adhere to SLDS styling. I can achieve much of this by loading the SLDS resource bundle into my application and creating React components that render SLDS conformant markup with SLDS CSS classes applied. What I'm not able to wrap my head around is how I would incorporate SLDS Design Tokens into a React-based application. Has anyone out there done this, or even tried this? I'd be interested in any suggestions here.
Salesforce recently released this react component library for SLDS. I haven't had a chance to try it out yet, but it seems to be actively being worked on.