convert to a stateless component and update packages

Author: Jonathon Kelly

.eslintrc

@@ -4,8 +4,6 @@
     "rules": {
         "indent": [2, 4, {"SwitchCase": 1}],
         "max-len": [2, 140, 2],
-
-        "react/jsx-indent-props": [2, 4],
-        "react/prefer-stateless-function": 0
+        "react/jsx-indent-props": [2, 4]
     }
 }

package.json

@@ -7,14 +7,14 @@
     "dist"
   ],
   "scripts": {
+    "clean": "rimraf dist",
     "start": "webpack-dev-server",
-    "clean-build": "rimraf dist",
-    "build": "npm run clean-build && babel src --out-dir dist",
+    "build": "npm run clean && babel src --out-dir dist",
     "build-pages": "npm run clean-build && NODE_ENV=production webpack --config ./webpack.production.config.js --progress --profile --colors",
     "lint": "eslint --ignore-path .gitignore .",
     "test": "npm run lint",
     "prepublish": "npm run build && npm test",
-    "prepublish-pages": "npm run build-pages",
+    "prepublish-pages": "npm run build-pages && npm test",
     "publish-pages": "gh-pages -d dist"
   },
   "repository": {
@@ -41,7 +41,7 @@
     "babel-preset-react": "^6.5.0",
     "copy-webpack-plugin": "^1.1.1",
     "css-loader": "^0.23.1",
-    "eslint": "^2.5.3",
+    "eslint": "^2.6.0",
     "eslint-config-airbnb": "^6.2.0",
     "eslint-plugin-react": "^4.2.3",
     "gh-pages": "^0.11.0",

pages/main.jsx

@@ -27,7 +27,7 @@ class App extends React.Component {
                 <div>
                     <h2>Markdown Editor</h2>
 
-                    <Textarea value={this.state.markdown} onChange={this.onChange} />
+                    <Textarea value={this.state.markdown} onChange={this.updateMarkdown} />
                 </div>
 
                 <div>

src/index.js

@@ -1,14 +1,12 @@
 import React from 'react';
 import marked from 'marked';
 
-class MarkdownRenderer extends React.Component {
-    render() {
-        const html = marked(this.props.markdown || '', { sanitize: true });
+function MarkdownRenderer(props) {
+    const html = marked(props.markdown || '', { sanitize: true });
 
-        return (
-            <div className={this.props.className} dangerouslySetInnerHTML={{ __html: html }}></div>
-        );
-    }
+    return (
+        <div className={props.className} dangerouslySetInnerHTML={{ __html: html }}></div>
+    );
 }
 
 MarkdownRenderer.propTypes = {