JSFiddle - React, Tailwind, and code Playground

by Tawny Owl

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>

JavaScript

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

React.render(<Chatroom/>, document.body);