JSFiddle - React, Tailwind, and code Playground

by jrunning

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.2/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.6.2/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prop-types/15.6.1/prop-types.min.js"></script>
<div></div>

Babel + JSX

const { Component } = React;

class MyContext extends Component {
	static get childContextTypes() {
  	return {
    	arr: PropTypes.array,
    };
  }
  
	constructor(...args) {
  	super(...args);
    this.state = {
    	arr: [],
    };
  }
  
	getChildContext() {
  	return this.state;
  }

	render(props, state) {
  	return (
    	<div>
        <div>x</div>
        <div>{JSON.stringify(state)}</div>
    	</div>
    );
  }
}

ReactDOM.render(<MyContext/>, document.querySelector('div'));