JSFiddle - React, Tailwind, and code Playground

by Sankalp Singha

HTML

<script src="http://fb.me/react-with-addons-0.8.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.8.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

var Editor, div, h3, textarea, _ref;

  _ref = React.DOM, div = _ref.div, textarea = _ref.textarea, h3 = _ref.h3;

  Editor = React.createClass({
    getInitialState: function() {
      return {
        value: "Type some **markdown** here"
      };
    },
    handleChange: function() {
      return this.setState({
        value: this.refs.textarea.getDOMNode().value
      });
    },
    render: function() {
      return div({
        className: "editor-area"
      }, [
        textarea({
          onChange: this.handleChange,
          placeholder: this.state.value,
          ref: "textarea"
        }), h3({}, ["Output :"]), div({
          className: "output-area"
        }, [this.state.value])
      ]);
    }
  });

  React.renderComponent(Editor({}), document.body);