React grid with angular psuedocode

gistfile1.txt

module.directive('react-grid', function () {
  return {
    scope: { props: '=' },
    link: function (scope, elem, attrs) {
      var renderScheduled = false;
      var component = React.createClass({
        /** @jsx React.DOM */
        var items = this.props.items;
        var itemsDOM = items.map(function (item) {
          var itemDOM = item.map(function (subItem) {
            return (
              <div>{subItem}</div>
            );
          });
          
          return (
            <div>{itemDOM}</div>
          );
        });
        
        return itemsDOM;
      });
      
      scope.$watch('props', queueRender, true);
      
      function queueRender(val) {
        if (!renderScheduled) {
          renderScheduled = true;
          scope.$$postDigest(renderComponent);
        }
      }
      
      function renderComponent() {
        return React.renderComponent(component)(scope.props);
      }
    }
  };
});