index.html

<!doctype html>
<title>react-pokemon</title>

<script src="//fb.me/react-0.10.0.min.js"></script>
<script src="//fb.me/JSXTransformer-0.10.0.js"></script>
<script src="pokemon.js"></script>

<main></main>

<script type="text/jsx">
    /**
      * @jsx React.DOM
      */

    var App = React.createClass({
        getInitialState: function () {
            return {
                name: 'pikachu'
            };
        },

        updateName: function () {
            this.setState({
                name: this.refs.name.getDOMNode().value
            });
        },

        render: function () {
            return <div>
                <input ref="name" onChange={this.updateName} value={this.state.name} />
                <br />
                <Pokemon name={this.state.name} />
            </div>;
        }
    });

    React.renderComponent(
        <App />,
        document.querySelector('main')
    );
</script>