JSFiddle - React, Tailwind, and code Playground

by zpao

HTML

<script src="http://react.zpao.com/builds/master/latest/react.js"></script>
<script src="http://react.zpao.com/builds/master/latest/JSXTransformer.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

/**
 * @jsx React.DOM
 */



var LikeToggler = React.createClass({
  componentDidMount: function() {
    this.props.children[0].lel();
  },
  render: function() {
    return (
      <div className="LikeToggler">
        Welcome to the tutorial. Implement LikeToggler here!
        {this.props.children}
      </div>
      );
  }
});

var A = React.createClass({
  lel: function() {
    console.log('ha');
  },

  render: function() {
    return <div>lel</div>;
  }
});

var likeToggler = <LikeToggler><A>asd</A><div>asd</div></LikeToggler>;
React.renderComponent(likeToggler, document.body);