Refactor code

client/src/components/App.jsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import $ from 'jquery';
+
+export default class App extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      text: '',
+      update: 'text will change if button works',
+    };
+
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+
+  componentDidMount() {
+    $.get('/text');
+  }
+
+  handleChange(e) {
+    let newState = {};
+    newState[e.target.name] = e.target.value;
+    this.setState(newState);
+  }
+
+  handleSubmit(e) {
+    e.preventDefault();
+    console.log('handleSubmit fires');
+
+    let data = {
+      text: this.state.text
+    };
+    fetch('/text', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json; charset=utf-8'
+      },
+      body: JSON.stringify(data)
+    });
+  }
+
+
+  render() {
+    return (
+      <div>
+        <h1>Reviews</h1>
+        <form onSubmit={this.handleSubmit}>
+          <label> Text
+            <input name="text" value={this.state.text} onChange={this.handleChange}/>
+          </label>
+          <button>Submit</button>
+        </form>
+      </div>
+    );
+  }
+
+}
+

client/src/index.jsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import App from './components/App.jsx';
+
+ReactDOM.render(<App />, document.getElementById('app'));