JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.18/require.min.js"></script>
<div id="content"></div>

JavaScript

require.config({
    paths: {
        "react": 'https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.min',
        "react-inline-style" :"http://dowjones.github.io/react-inline-style/dist/react-inline-style",
    }
})
require(["react", "react-inline-style"], function(react, reactInlineStyle){
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
    
    //var React = require("react"); 
    //var Style = require("react-inline-style"); 
    var React = react;
    var Style = reactInlineStyle;
    
    Style = Style.define({
      myStyle : {
        fontWeight:"bold",
        color:"blue"
      }
    });
    
    var TextComponent = React.createClass({
      mixins : [Style()],
      render : function (){
          return React.createElement("p", {
              style : this.style("myStyle", {color:"red"})
          },
          "textComponent"); 
      }
    });
    
    React.render(
        React.createElement(TextComponent), 
        document.getElementById("content")   
    );
    
///////////////////////////////////////////////////////////////////////////////    
///////////////////////////////////////////////////////////////////////////////    
});