JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
<div id="root"></div>

JavaScript

"use strict";

var GuessHistory = React.createClass({
  displayName: "GuessHistory",

  guessTable: function guessTable() {
    if (this.props.guessHistory.length === 0) {
      return React.createElement(
        "i",
        null,
        "No guesses yet!"
      );
    }

    var guessRows = this.props.guessHistory.map(function (data, index) {
      return React.createElement(
        "tr",
        null,
        React.createElement(
          "td",
          null,
          index + 1
        ),
        React.createElement(
          "td",
          null,
          data.guess
        ),
        React.createElement(
          "td",
          null,
          data.score
        )
      );
    });

    return React.createElement(
      "table",
      { className: "table" },
      React.createElement(
        "thead",
        null,
        React.createElement(
          "td",
          null,
          "#"
        ),
        React.createElement(
          "td",
          null,
          "Guess"
        ),
        React.createElement(
          "td",
          null,
          "Score"
        )
      ),
      React.createElement(
        "tbody",
        null,
        guessRows
      )
    );
  },
  render: function render() {
    if (this.props.is("starting")) return null;

    return React.createElement(
      "div",
      { className: "well" },
      this.guessTable()
    );
  }
});

var GuessForm = React.createClass({
  displayName: "GuessForm",

  getInitialState: function getInitialState() {
    return {
      codeGuess: "",
      message: null
    };
  },
  handleGuess: function handleGuess(e) {
    e.preventDefault();

    if (this.state.codeGuess.length !== this.props.secretCodeLength) {
      var missingChars = this.props.secretCodeLength - this.state.codeGuess.length;
      var message = "The secret code is " + this.props.secretCodeLength + " digits long." + " Please add " + missingChars + " more digits.";
      return this.setState({
        message:...