stateless_to_create_class.jsx.diff

-const Something = ({ name }) => {
-  const localAction = () => console.log(name)
+const Something = React.createClass({
+  propTypes: {
+    name: React.PropTypes.string.isRequired
+  },
 
-  return <div onClick={localAction}>Log {name}</div>
+  localAction() { console.log(this.props.name) },
+
+  render() {
+    return <div onClick={this.localAction}>Hello {this.props.name}</div>
+  }
 }

stateless_to_extends_class.jsx.diff

-const Something = ({ name }) => {
-  const localAction = () => console.log(name)
+class Something = extends React.Component {
+  constructor(props) {
+    super(props)
+    this.localAction = () => console.log(this.props.name)
+  }
+  render() {
+    return <div onClick={this.localAction}>Hello {this.props.name}</div>
+  }
+}
 
-  return <div onClick={localAction}>Log {name}</div>
+Something.propTypes = {
+  name: React.PropTypes.string.isRequired
 }