Fixed code style issue

package.json

@@ -9,6 +9,12 @@
     "react-motion": "^0.5.0"
   },
   "devDependencies": {
+    "eslint": "^3.19.0",
+    "eslint-config-airbnb": "^15.0.1",
+    "eslint-config-google": "^0.8.0",
+    "eslint-plugin-import": "^2.3.0",
+    "eslint-plugin-jsx-a11y": "^5.0.3",
+    "eslint-plugin-react": "^7.1.0",
     "react-scripts": "1.0.7"
   },
   "scripts": {

src/components/Nav/index.js

@@ -1,17 +1,15 @@
-import React from 'react';
-import NavLink from './NavLink';
+import React from "react";
+import NavLink from "./NavLink";
 
-class Nav extends React.Component {
-  	render() {
-  		return (
-		<ul className="nav">
-		<li><NavLink to="/" exact={true}>Home</NavLink></li>
-		<li><NavLink to="/Toggle" >Toggle</NavLink></li>
-		<li><NavLink to="/tabs" >Tab View</NavLink></li>
-		<li><NavLink to="/tabss" >Test 404</NavLink></li>
-		</ul>
-  		)
-	}
-}
+const Nav = () => {
+  return (
+    <ul className="nav">
+      <li><NavLink to="/" exact={true}>Home</NavLink></li>
+      <li><NavLink to="/Toggle">Toggle</NavLink></li>
+      <li><NavLink to="/tabs">Tab View</NavLink></li>
+      <li><NavLink to="/tabss">Test 404</NavLink></li>
+    </ul>
+  );
+};
 
-export default Nav;
+export default Nav;

src/components/Tabs/index.js

@@ -1,9 +1,12 @@
-import React from 'react';
+import React from "react";
 
-function Tabs(props) {
-	return (
-		<h2>The navigation bar is an example of tab view.</h2>
-	)
+// function ContentView(props) {
+
+// }
+class Tabs extends React.Component {
+  render() {
+    return <h2>The navigation bar is an example of tab view.</h2>;
+  }
 }
 
-export default Tabs
+export default Tabs;