react.js

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

    var AppList = React.createClass({
      render: function() {
         var elements = this.state.apps.map(function(app) {
            return <AppElement app={app} />
         })
         return <ul>{elements}</ul>;
      },
      getInitialState: function() {
        return {apps: []};
      },
      componentDidMount: function() {
        $.get(this.props.source, function(result) {
          this.setState({
            apps: result
          })
        }.bind(this));
      }
    });

    var AppElement = React.createClass({
      render: function() {
        return <li key={this.props.app.Id}>{this.props.app.Name}</li>;
      },
    });

    node = document.getElementById("content");
    React.renderComponent(<AppList source="/apps.json" />, node);
  </script>