React

<!DOCTYPE html>
<html>

  <head>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script data-require="react@*" data-semver="0.14.0" src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script>
      System.config({
        transpiler: 'typescript'
      });
      System.import('./app.js');
    </script>
  </head>

  <body>
    <div id="app">loading...</div>
  </body>
</html>

import PropertyBinding from './property-binding.js';
React.render(
  <PropertyBinding/>,
  document.getElementById('app')
);

/* Styles go here */

class HelloMessage extends React.Component {
  render() {
    return <div>Hello, {this.props.message} </div>;
  }
};

export default class extends React.Component {
  render() {
    return <HelloMessage message="World!"/>;
  }
};