JSFiddle - React, Tailwind, and code Playground

by vjeux

HTML

<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
<script src="http://fb.me/react-0.3.0.min.js"></script>
<script src="http://fb.me/JSXTransformer-0.3.0.js"></script>

JavaScript 1.7

/** @jsx React.DOM */

var Children = React.createClass({
    render: function() {
        console.log(this.props.children);
        return <div>{this.props.children}</div>;
    }
});
 
React.renderComponent(
    <div>
        <Children id="null" />
        <Children id="string">string</Children>
        <Children id="element"><a /></Children>
        <Children id="array">string <a /> string</Children>
        <Children id="array of array">{[<div />, <div />]}<div /></Children>
        <Children id="object">{{a: <a />, b: <b />}}</Children>
    </div>,
    document.body
);