React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<script src="https://cdn.icecomm.io/react-ice/react-ice.min.js"></script>
<script src="https://cdn.icecomm.io/icecomm.min.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration.js"></script>

<div id="container"></div>

CSS

video {
  height: 100px;
}

JavaScript 1.7

var Chatroom = React.createClass({
  mixins: [ReactIceMixin],
  componentWillMount: function() {
    this.ic_initiate('3kB4PpZaNNFN4r3xhmOVgcPn2D8rzcOTtQFh4gRwmAsaGTPwlm');
    this.ic_connect('custom room');
  },
  render: function() {
    var localVideo;
    var remoteVideos = [];
    if (this.state.icecomm.local) {
      localVideo = this.state.icecomm.local.getJSXVideo();
    }
    if (this.state.icecomm.peers) {
      for (var i = 0; i < this.state.icecomm.peers.length; i++) {
        remoteVideos.push(this.state.icecomm.peers[i].getJSXVideo());
      }
    }
    return ( < div > {
      localVideo
    } {
      remoteVideos
    } < /div>);
  }
});

React.render( < Chatroom / > , document.getElementById('container'));