Use eslint-config-rackt and fix errors

Author: mjackson

.eslintrc

@@ -1,26 +1,9 @@
 {
-  "extends": "eslint:recommended",
+  "extends": "rackt",
   "ecmaFeatures": {
-    "jsx": true,
-    "modules": true
+    "jsx": true
   },
-  "env": {
-    "browser": true,
-    "node": true,
-    "es6": true
-  },
-  "parser": "babel-eslint",
   "rules": {
-    "array-bracket-spacing": [2, "always"],
-    "comma-dangle": [2, "never"],
-    "eol-last": 2,
-    "no-multiple-empty-lines": 2,
-    "object-curly-spacing": [2, "always"],
-    "quotes": [2, "single", "avoid-escape"],
-    "semi": [2, "never"],
-    "strict": 0,
-    "space-before-blocks": [2, "always"],
-    "space-before-function-paren": [2, {"anonymous":"always","named":"never"}],
     "react/jsx-uses-react": 1,
     "react/jsx-quotes": 2,
     "react/jsx-no-undef": 2,

examples/auth-flow/app.js

@@ -8,7 +8,7 @@ const history = useBasename(createHistory)({
   basename: '/auth-flow'
 })
 
-var App = React.createClass({
+const App = React.createClass({
   getInitialState() {
     return {
       loggedIn: auth.loggedIn()
@@ -46,9 +46,9 @@ var App = React.createClass({
   }
 })
 
-var Dashboard = React.createClass({
+const Dashboard = React.createClass({
   render() {
-    var token = auth.getToken()
+    const token = auth.getToken()
 
     return (
       <div>
@@ -60,7 +60,7 @@ var Dashboard = React.createClass({
   }
 })
 
-var Login = React.createClass({
+const Login = React.createClass({
   mixins: [ History ],
 
   getInitialState() {
@@ -72,14 +72,14 @@ var Login = React.createClass({
   handleSubmit(event) {
     event.preventDefault()
 
-    var email = this.refs.email.value
-    var pass = this.refs.pass.value
+    const email = this.refs.email.value
+    const pass = this.refs.pass.value
 
     auth.login(email, pass, (loggedIn) => {
       if (!loggedIn)
         return this.setState({ error: true })
 
-      var { location } = this.props
+      const { location } = this.props
 
       if (location.state && location.state.nextPathname) {
         this.history.replaceState(null, location.state.nextPathname)
@@ -103,13 +103,13 @@ var Login = React.createClass({
   }
 })
 
-var About = React.createClass({
+const About = React.createClass({
   render() {
     return <h1>About</h1>
   }
 })
 
-var Logout = React.createClass({
+const Logout = React.createClass({
   componentDidMount() {
     auth.logout()
   },

examples/auth-with-shared-root/components/About.js

@@ -1,6 +1,6 @@
 import React from 'react'
 
-var About = React.createClass({
+const About = React.createClass({
   render() {
     return <h1>About</h1>
   }

examples/auth-with-shared-root/components/App.js

@@ -2,7 +2,8 @@ import React from 'react'
 import { Link } from 'react-router'
 import auth from '../utils/auth'
 
-var App = React.createClass({
+const App = React.createClass({
+
   getInitialState() {
     return {
       loggedIn: auth.loggedIn()
@@ -40,6 +41,7 @@ var App = React.createClass({
       </div>
     )
   }
+
 })
 
 export default App

examples/auth-with-shared-root/components/Dashboard.js

@@ -1,9 +1,9 @@
 import React from 'react'
 import auth from '../utils/auth'
 
-var Dashboard = React.createClass({
+const Dashboard = React.createClass({
   render() {
-    var token = auth.getToken()
+    const token = auth.getToken()
 
     return (
       <div>

examples/auth-with-shared-root/components/Landing.js

@@ -1,6 +1,7 @@
 import React from 'react'
 
-var Landing = React.createClass({
+const Landing = React.createClass({
+
   render() {
     return (
       <div>
@@ -10,6 +11,7 @@ var Landing = React.createClass({
       </div>
     )
   }
+
 })
 
 export default Landing

examples/auth-with-shared-root/components/Login.js

@@ -2,8 +2,8 @@ import React from 'react'
 import { History } from 'react-router'
 import auth from '../utils/auth.js'
 
+const Login = React.createClass({
 
-var Login = React.createClass({
   mixins: [ History ],
 
   getInitialState() {
@@ -14,14 +14,15 @@ var Login = React.createClass({
 
   handleSubmit(event) {
     event.preventDefault()
-    var email = this.refs.email.value
-    var pass = this.refs.pass.value
+
+    const email = this.refs.email.value
+    const pass = this.refs.pass.value
 
     auth.login(email, pass, (loggedIn) => {
       if (!loggedIn)
         return this.setState({ error: true })
 
-      var { location } = this.props
+      const { location } = this.props
 
       if (location.state && location.state.nextPathname) {
         this.history.replaceState(null, location.state.nextPathname)
@@ -43,6 +44,7 @@ var Login = React.createClass({
       </form>
     )
   }
+
 })
 
 export default Login

examples/auth-with-shared-root/components/Logout.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import auth from '../utils/auth'
 
-var Logout = React.createClass({
+const Logout = React.createClass({
   componentDidMount() {
     auth.logout()
   },

examples/auth-with-shared-root/components/PageOne.js

@@ -1,6 +1,6 @@
 import React from 'react'
 
-var PageOne = React.createClass({
+const PageOne = React.createClass({
   render() {
     return <h2>Page One!</h2>
   }

examples/auth-with-shared-root/components/PageTwo.js

@@ -1,6 +1,6 @@
 import React from 'react'
 
-var PageOne = React.createClass({
+const PageOne = React.createClass({
   render() {
     return <h2>Page Two! Wooo!</h2>
   }