React Base Fiddle (JSX)

Starting point for creating JSFiddles with React.

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

class App extends React.Component {
	constructor(props) {
  	super(props);
    this.state = {
    	albums: [
      	{}
      ]
    };
  }
  componentDidMount() {
  	//console.log(_.sortedUniq([1, 1, 2]));
  	fetch('https://jsonplaceholder.typicode.com/photos')
    	.then(res => res.json())
    	.then(data => {
				let albumGroups = _.grou        
        
        this.setState({
          albums: latest
        });      	
      });
  	this.setState({
    	albums: [
      	{}
      ]
    });
  }
  
  render() {
    return <div>
      {this.state.albums.map((album, key) => {
      	return (
        	<div key={key}>
        	  Album {album.id}
        	</div>
        );
      })}
    </div>;
  }
}

ReactDOM.render(
  <App />,
  document.getElementById('container')
);