React CSS in JavaScript with Radium

InstructorJoe Maddalone

Share this video with your friends

Send Tweet

Radium is a set of mixins for managing styles in React components, allowing you to use CSS features that aren’t possible with inline styles.

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

Benjamin
Benjamin
~ 6 years ago

React is moving away from mixins in ES6 classes. So, what would be an alternative to use radium with ES6?

Rodrigo
Rodrigo
~ 6 years ago

I'm trying to run the example but I'm getting errors:

this.getBrowserStateEvents is not a function this.buildStyles is not a function

Joe Maddalone
Joe Maddalone(instructor)
~ 6 years ago

There have been some updates to Radium that we'll cover soon. This JSBin will be updated to use <script src="https://rawgit.com/FormidableLabs/radium/v0.10.0/dist/radium.js"></script> which will resolve the issue you are seeing.