JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
    <html>
      <body>
        <div id='react-app'></div>
        <script src="https://cdn.jsdelivr.net/react/0.14.0-rc1/react.js"></script>
        <script src="https://cdn.jsdelivr.net/react/0.14.0-rc1/react-dom.js"></script>
        <script type='text/javascript'>
         var rce = React.createElement.bind(React);
         var TodoList = React.createClass({
           propTypes: {
             todos: React.PropTypes.arrayOf(React.PropTypes.string).isRequired,
           },
           render: function() {
             var props = this.props; // I thought I needed this to clear the todos;
             var todos = this.props.todos;
             var self  = this;
             return rce('div', {}
                       ,rce('ul', {}
                          , (function(){
                            return todos.map(function(x, i) {
                              return rce('li', {key: i}, x);
                            });})())
                 ,rce('button', {onClick: function() {
                   // delete props.todos;         // fails
                   // props.todos = [];           // fails
                   todos.splice(0, todos.length); // succeeds
                   console.log(todos);
                   self.forceUpdate();
                 }}, 'clear all'));
           }
         });
           var todoList = rce(TodoList, {todos: ['walk dog', 'feed cat', 'water flowers']});
           ReactDOM.render(todoList, document.getElementById('react-app'));
        </script>
      </body>
    </html>