V3

.eslintrc

@@ -1,50 +1,41 @@
 {
   "env": {
     "browser": true,
+    "cypress/globals": true,
     "es6": true,
-    "jquery": true,
+    "jest": true,
     "node": true
   },
 
   "plugins": [
-    "react"
+    "react",
+    "cypress",
+    "prettier"
   ],
 
-  "ecmaFeatures": {
-    "modules": true,
-    "jsx": true
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
   },
 
   "parser": "babel-eslint",
 
   "rules": {
-    "camelcase": [2, {"properties": "never"}],
-    "eqeqeq": 2,
-    "global-strict": 0,
-    "indent": [2, 2],
-    "jsx-quotes": [2, "prefer-double"],
-    "max-params": [2, 3],
-    "no-console": 0,
-    "no-shadow": 1,
-    "no-undef": 1,
-    "no-underscore-dangle": 0,
-    "no-use-before-define": 1,
-    "no-var": 2,
-    "quotes": [2, "single", "avoid-escape"],
-    "object-shorthand": [2, "always"],
-    "semi": 1,
-    "strict": [1, "function"],
-    "react/display-name": 0,
-    "react/jsx-no-undef": 1,
-    "react/jsx-uses-react": 1,
-    "react/jsx-uses-vars": 1,
-    "react/no-did-mount-set-state": 1,
-    "react/no-did-update-set-state": 1,
-    "react/no-multi-comp": 1,
-    "react/no-unknown-property": 1,
-    "react/prop-types": 1,
-    "react/react-in-jsx-scope": 1,
-    "react/self-closing-comp": 1,
-    "react/wrap-multilines": 1
+    "camelcase": ["warn", {"properties": "never"}],
+    "curly": ["warn", "all"],
+    "eqeqeq": ["warn", "always"],
+    "max-params": ["warn", 3],
+    "no-shadow": "warn",
+    "no-undef": "warn",
+    "no-var": "warn",
+    "object-shorthand": ["error", "always"],
+    "react/jsx-no-undef": ["warn", { "allowGlobals": true }],
+    "react/no-multi-comp": ["warn", { "ignoreStateless": true }],
+    "react/react-in-jsx-scope": "warn",
+    "react/self-closing-comp": "warn",
+    "prettier/prettier": "error"
   }
 }

.gitignore

@@ -1,4 +1,5 @@
 ########## App ##########
+/config/config.js
 /dist/
 /log/
 

.prettierignore

@@ -0,0 +1,5 @@
+coverage
+dist
+node_modules
+package.json
+package-lock.json

babel.config.js

@@ -0,0 +1,51 @@
+module.exports = function(api) {
+  const isTest = String(api.env()) === "test";
+
+  const plugins = [
+    "react-hot-loader/babel",
+
+    // stage 0
+    "@babel/plugin-proposal-function-bind",
+
+    // stage 1
+    "@babel/plugin-proposal-export-default-from",
+    "@babel/plugin-proposal-logical-assignment-operators",
+    ["@babel/plugin-proposal-optional-chaining", { loose: false }],
+    ["@babel/plugin-proposal-pipeline-operator", { proposal: "minimal" }],
+    ["@babel/plugin-proposal-nullish-coalescing-operator", { loose: false }],
+    "@babel/plugin-proposal-do-expressions",
+
+    // stage 2
+    ["@babel/plugin-proposal-decorators", { legacy: true }],
+    "@babel/plugin-proposal-function-sent",
+    "@babel/plugin-proposal-export-namespace-from",
+    "@babel/plugin-proposal-numeric-separator",
+    "@babel/plugin-proposal-throw-expressions",
+
+    // stage 3
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-import-meta",
+    ["@babel/plugin-proposal-class-properties", { loose: false }],
+    "@babel/plugin-proposal-json-strings",
+
+    // jest
+    isTest ? "babel-plugin-dynamic-import-node" : null
+  ].filter(Boolean);
+
+  const presets = [
+    [
+      "@babel/preset-env",
+      {
+        debug: false,
+        modules: isTest ? "commonjs" : false,
+        useBuiltIns: "usage"
+      }
+    ],
+    "@babel/preset-react"
+  ];
+
+  return {
+    plugins,
+    presets
+  };
+};

cypress.json

@@ -0,0 +1,4 @@
+{
+  "baseUrl": "http://localhost:3000/",
+  "integrationFolder": "cypress/e2e"
+}

cypress/e2e/app.js

@@ -0,0 +1,7 @@
+describe('app', () => {
+  it('can visit the app', () => {
+    cy.visit('/')
+      .getByText('Home')
+      .click()
+  })
+})

cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

cypress/fixtures/profile.json

@@ -0,0 +1,5 @@
+{
+  "id": 8739,
+  "name": "Jane",
+  "email": "jane@example.com"
+}