JSFiddle

  • React Base Fiddle (JSX) #2 is the latest revision

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

    const App = (props) => <div>Hey</div>;
    
    ReactDOM.render(<App/>, document.getElementById('container'));
    
  • React Base Fiddle (JSX)

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

    class MyComponent extends React.Component {
    	constructor(props) {
      	super(props);
        this.state = {
        	valid: false
        };
      }
      submitForm(e) {
      	e.preventDefault()
      	alert(this.refs ...
  • React Base Fiddle (JSX)

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

    class MyComponent extends React.Component {
    	constructor(props) {
      	super(props);
        this.state = {
        	color: "green"
        };
      }
      componentDidMount() {
      	setInterval(() => {
        	this.setState({
          	color: this.state ...
  • React Base Fiddle (JSX) #1 is the latest revision

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

    const MyComponent = (props) => <h1>{props.title}</h1>;
    
    class App extends React.Component {
    	render() {
      	return <MyComponent title="Hello World"/>;
      };;
    }
    
    ReactDOM.render(<App/>, document.getElementById('container'));