modify initial setup for development environment

Author: kimcoder

.babelrc

@@ -4,7 +4,8 @@
       "@babel/react"
     ],
     "plugins": [
-      "@babel/plugin-transform-runtime"
+      "@babel/plugin-transform-runtime",
+      "@babel/plugin-proposal-class-properties"
     ]
   }
 

.eslintrc

@@ -1,7 +1,14 @@
 {
-    "extends": ["react-app", "plugin:jsx-a11y/recommended"],
+    "extends": ["airbnb"],
     "parser": "babel-eslint",
-    "plugins": ["jsx-a11y"],
+    "plugins": [
+        "react",
+        "jsx-a11y",
+        "import"
+    ],
+    "env": {
+        "browser": true
+    },
     "rules": {
         "indent": ["error", 4],
         "quotes": ["error", "double"],
@@ -12,6 +19,10 @@
         "camelcase": "error",
         "no-return-assign": "off",
         "no-noninteractive-element-to-interactive-role": "off",
-        "no-console": ["error", { "allow": ["log", "error", "warn"] }]
+        "no-console": ["error", { "allow": ["log", "error", "warn"] }],
+        "react/jsx-indent" : ["error", 4],
+        "react/jsx-indent-props" : ["error", 4],
+        "import/no-extraneous-dependencies": "off",
+        "react/destructuring-assignment": "off"
     }
 }

package.json

@@ -36,15 +36,15 @@
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
     "@babel/plugin-transform-runtime": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
     "@material-ui/core": "^3.0.2",
-    "babel-eslint": "^9.0.0",
+    "babel-eslint": "^7.2.3",
     "babel-loader": "^8.0.2",
-    "eslint": "^5.5.0",
-    "eslint-config-react-app": "^2.1.0",
-    "eslint-plugin-flowtype": "^2.50.0",
+    "eslint": "^4.1.1",
+    "eslint-config-airbnb": "^17.1.0",
     "eslint-plugin-import": "^2.14.0",
     "eslint-plugin-jsx-a11y": "^6.1.1",
     "eslint-plugin-react": "^7.11.1",

rollup.config.js

@@ -1,6 +1,7 @@
 import babel from "rollup-plugin-babel";
 import pkg from "./package.json";
 
+const external = id => !id.startsWith("/") && !id.startsWith(".");
 const getBabelOptions = () => ({
     runtimeHelpers: true,
     plugins: ["@babel/transform-runtime"]
@@ -14,5 +15,6 @@ export default {
     },
     plugins: [
         babel(getBabelOptions()),
-    ]
+    ],
+    external
 }