<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scripttype="text/javascript"src="http://fb.me/react-0.12.2.js"></script><scripttype="text/javascript"src="http://fb.me/JSXTransformer-0.12.2.js"></script></head><body><scripttype="text/jsx">varApp=React.createClass({getInitialState:function(){return{red:0,green:0,blue:0}},update:function(e){this.setState({red:this.refs.red.refs.inp.getDOMNode().value,green:this.refs.green.refs.inp.getDOMNode().value,blue:this.refs.blue.refs.inp.getDOMNode().value});},render:function(){return(<div><Sliderref="red"txt={this.state.txt}update={this.update}/><label>{this.state.red}</label><Sliderref="green"txt={this.state.txt}update={this.update}/><label>{this.state.green}</label><Sliderref="blue"txt={this.state.txt}update={this.update}/><label>{this.state.blue}</label></div>);}});varSlider=React.createClass({render:function(){return(<div><inputref="inp"type="range"min="0"max="255"onChange={this.props.update}/></div>);}});React.render(<Apptxt="this is the txt prop"/>,document.body);</script></body></html>