TypeScript TSX Datei für Hello World React Beispiel

helloworldTypeScript.tsx

/// <reference path="../typings/tsd.d.ts" />
// A '.tsx' file enables JSX support in the TypeScript compiler, 
// for more information see the following page on the TypeScript wiki:
// https://github.com/Microsoft/TypeScript/wiki/JSX

var Counter = React.createClass({
    add: () => {
        console.log('add 1!');
    },

    render: function () {
        return <div>
            <h1>Counter</h1>
            <button onClick={this.add}>+</button>
        </div>
    }
});

ReactDOM.render(<Counter />, document.getElementById('example'));