Lint harder

Author: nkbt

.eslintrc

@@ -1,3 +1,6 @@
 {
-  "extends": "./node_modules/react-component-template/.eslintrc"
+  "extends": "./node_modules/react-component-template/.eslintrc",
+  "rules": {
+    "react/jsx-sort-props": 0
+  }
 }

src/example/App/UndoRedo.js

@@ -35,22 +35,21 @@ const UndoRedo = React.createClass({
   },
 
 
-  redo() {
+  onRedo() {
     this.setValueFromHistory(this.state.historyIndex + 1);
   },
 
 
-  undo() {
+  onUndo() {
     this.setValueFromHistory(this.state.historyIndex - 1);
   },
 
 
   render() {
-    const history = this.state.history.map((value, key) => (
+    const history = this.state.history.map((value, key) =>
       <span className={css.item} key={key}>
         {key === this.state.historyIndex ? <b>"{value}"</b> : <span>"{value}"</span>}
-      </span>
-    ));
+      </span>);
 
 
     return (
@@ -67,11 +66,11 @@ const UndoRedo = React.createClass({
           </label>
 
           <label className={css.label}>
-            <button className={css.input} onClick={this.undo}>Undo</button>
+            <button className={css.input} onClick={this.onUndo}>Undo</button>
           </label>
 
           <label className={css.label}>
-            <button className={css.input} onClick={this.redo}>Redo</button>
+            <button className={css.input} onClick={this.onRedo}>Redo</button>
           </label>
         </div>
 

src/example/App/index.js

@@ -6,7 +6,7 @@ import Textarea from './Textarea';
 import css from './App.css';
 
 
-const App = () => (
+const App = () =>
   <div className={css.app}>
     <h1>react-debounce-input</h1>
     <section className={css.section}>
@@ -28,8 +28,7 @@ const App = () => (
       <h2>Example 4. Debounced Textarea</h2>
       <Textarea />
     </section>
-  </div>
-);
+  </div>;
 
 
 export default App;