Convert to class component

examples/typescript/CheckboxWithLabel.tsx

@@ -1,33 +1,34 @@
 /// <reference path="./typings/react/react.d.ts" />
 
 import * as React from 'react'
-import * as createReactClass from 'create-react-class';
 
-interface CheckboxWithLabelProps extends React.Props<any> {
+interface CheckboxWithLabelProps {
   labelOff: string;
   labelOn: string;
 }
 
-var CheckboxWithLabel = createReactClass<CheckboxWithLabelProps, any>( {
-  getInitialState: function() {
-    return {isChecked: false}
-  },
-  onChange: function() {
-    this.setState({isChecked: !this.state.isChecked});
-  },
+interface CheckboxWithLabelState {
+  isChecked: boolean;
+}
+
+class CheckboxWithLabel extends React.Component<CheckboxWithLabelProps, CheckboxWithLabelState> {
+  constructor(props: CheckboxWithLabelProps) {
+    super(props);
+    this.state = {isChecked: false};
+  }
 
-  render: function() {
+  render() {
     return (
       <label>
         <input
           type="checkbox"
           checked={this.state.isChecked}
-          onChange={this.onChange}
+          onChange={() => this.setState(current => ({isChecked: !current.isChecked}))}
         />
         {this.state.isChecked ? this.props.labelOn : this.props.labelOff}
       </label>
     );
   }
-});
+}
 
 export = CheckboxWithLabel;

package.json

@@ -23,7 +23,6 @@
     "browserify": "^16.1.0",
     "chalk": "^2.0.1",
     "codecov": "^3.0.0",
-    "create-react-class": "^15.6.3",
     "cross-spawn": "^6.0.4",
     "debug": "^3.0.1",
     "enzyme": "^3.3.0",