React Base Fiddle (JSX)

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

by Mark

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="app">
    <!-- This element's contents will be replaced with your component. -->
</div>

JavaScript 1.7

var Pictures = React.createClass({
  getInitialState: function() {
    return {
      imgUrl: ''
    };
  },

  componentDidMount: function() {
    this.serverRequest = $.get(this.props.instaUserMedia, function (result) {
    
    var lastPic = result.items[0];
    	this.setState({
          	imgUrl: lastPic.images.standard_resolution.url
      });
    }.bind(this));
  },

  componentWillUnmount: function() {
    this.serverRequest.abort();
  },

  render: function() {
    return (
      <div>
        <img src={this.state.imgUrl} />
      </div>
    );
  }
});

ReactDOM.render(
  <Pictures instaUserMedia="https://www.instagram.com/markcupito/media/" />,
  document.getElementById('app')
);