JSFiddle

  • React Base Fiddle (JSX, latest) #175 is the latest revision

    Starting point for creating JSFiddles with React. This uses React with Addons and the latest build from the master branch)

    var Hello = React.createClass({
      render: function() {
        return <div>Hello {this.props.name}</div>;
      }
    });
    
    ReactDOM.render(
      <Hello name="World" />,
      document.getElementById('container')
    );
    
  • Thinking In React Step 5 #1892 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript 1.7

    var ProductCategoryRow = React.createClass({
      render: function() {
        return (<tr><th colSpan="2">{this.props.category}</th></tr>);
      }
    });
    
    var ProductRow = React.createClass({
      render: function() {
        var name = this.props ...
  • Thinking In React Step 4 #934 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript 1.7

    var ProductCategoryRow = React.createClass({
      render: function() {
        return (<tr><th colSpan="2">{this.props.category}</th></tr>);
      }
    });
    
    var ProductRow = React.createClass({
      render: function() {
        var name = this.props ...
  • Thinking In React Step 2 #3126 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript 1.7

    var ProductCategoryRow = React.createClass({
      render: function() {
        return (<tr><th colSpan="2">{this.props.category}</th></tr>);
      }
    });
    
    var ProductRow = React.createClass({
      render: function() {
        var name = this.props ...
  • React Base Fiddle (non-JSX) #5357 is the latest revision

    Starting point for creating JSFiddles with React. This uses React with Addons.

    var Hello = React.createClass({
      displayName: 'Hello',
      render: function() {
        return React.createElement("div", null, "Hello ", this.props.name);
      }
    });
    
    ReactDOM.render(
      React ...
  • React Base Fiddle (JSX) #67516 is the latest revision

    Starting point for creating JSFiddles with React. This uses React with Addons.

    var Hello = React.createClass({
      render: function() {
        return <div>Hello {this.props.name}</div>;
      }
    });
    
    ReactDOM.render(
      <Hello name="World" />,
      document.getElementById('container')
    );