React Base Fiddle (JSX)

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

by _alexander_

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-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>
<script src="https://wzrd.in/standalone/simple-twitter@latest"></script>
<div id="container"></div>

JavaScript 1.7

var Tweets = React.createClass({
		
    getInitialState: function () {
    	return {
      	tweets: []
      };
    },
    
    componentDidMount: function () {
      twitter.get('statuses/user_timeline', function(error, data) {
        this.setState({tweets: data})
      }.bind(this)); // set this that refers to you React component
    },
    
    render: function() {
   		var tweets = this.state.tweets.map(function (tweet) {
      	return <li>{ tweet }</li>;
      })
      
    	return <ul>{ tweets }</ul>;
    }
});
 
ReactDOM.render(
	<Tweets />, document.getElementById('container')
);