add react router 4 route components

Author: MacKentoch

.editorconfig

@@ -4,3 +4,9 @@ root = true
 indent_style = space
 indent_size = 2
 insert_final_newline = true
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -1,14 +1,19 @@
 {
+  "root": true,
   "parser": "babel-eslint",
   "env": {
     "browser": true,
     "node": true,
     "es6": true,
-    "mocha": true
+    "mocha": true,
+    "jest": true
   },
-  "plugins": ["react"],
+  "plugins": [
+    "react",
+    "mocha"
+  ],
   "extends": [
-      "plugin:react/recommended"
+    "plugin:react/recommended"
   ],
   // eslint > 2.x
   "parserOptions": {
@@ -37,34 +42,32 @@
       "jsx": true
     }
   },
-  // eslint 1.x
-  "ecmaFeatures": {
-    "arrowFunctions": true,
-    "binaryLiterals": true,
-    "blockBindings": true,
-    "classes": true,
-    "defaultParams": true,
-    "destructuring": true,
-    "forOf": true,
-    "generators": true,
-    "modules": true,
-    "objectLiteralComputedProperties": true,
-    "objectLiteralDuplicateProperties": true,
-    "objectLiteralShorthandMethods": true,
-    "objectLiteralShorthandProperties": true,
-    "octalLiterals": true,
-    "regexUFlag": true,
-    "regexYFlag": true,
-    "spread": true,
-    "superInFunctions": true,
-    "templateStrings": true,
-    "unicodeCodePointEscapes": true,
-    "globalReturn": true,
-    "jsx": true
-  },
-
+  // // eslint 1.x (deprecated):
+  // "ecmaFeatures": {
+  //   "arrowFunctions": true,
+  //   "binaryLiterals": true,
+  //   "blockBindings": true,
+  //   "classes": true,
+  //   "defaultParams": true,
+  //   "destructuring": true,
+  //   "forOf": true,
+  //   "generators": true,
+  //   "modules": true,
+  //   "objectLiteralComputedProperties": true,
+  //   "objectLiteralDuplicateProperties": true,
+  //   "objectLiteralShorthandMethods": true,
+  //   "objectLiteralShorthandProperties": true,
+  //   "octalLiterals": true,
+  //   "regexUFlag": true,
+  //   "regexYFlag": true,
+  //   "spread": true,
+  //   "superInFunctions": true,
+  //   "templateStrings": true,
+  //   "unicodeCodePointEscapes": true,
+  //   "globalReturn": true,
+  //   "jsx": true
+  // },
   "rules": {
-
     //
     //Possible Errors
     //
@@ -97,14 +100,12 @@
     "use-isnan": 2, // disallow comparisons with the value NaN
     "valid-jsdoc": 2, // Ensure JSDoc comments are valid (off by default)
     "valid-typeof": 2, // Ensure that the results of typeof are compared against a valid string
-
     //
     // Best Practices
     //
     // These are rules designed to prevent you from making mistakes.
     // They either prescribe a better way of doing something or help you avoid footguns.
     //
-    "prefer-const": ["error", { "destructuring": "any", "ignoreReadBeforeAssign": false }],
     "block-scoped-var": 0, // treat var statements as if they were block scoped (off by default). 0: deep destructuring is not compatible https://github.com/eslint/eslint/issues/1863
     "complexity": 0, // specify the maximum cyclomatic complexity allowed in a program (off by default)
     "consistent-return": 2, // require return statements to either always or never specify values
@@ -148,20 +149,27 @@
     "no-throw-literal": 2, // restrict what can be thrown as an exception (off by default)
     "no-unused-expressions": 2, // disallow usage of expressions in statement position
     "no-void": 2, // disallow use of void operator (off by default)
-    "no-warning-comments": [0, {"terms": ["todo", "fixme"], "location": "start"}], // disallow usage of configurable warning terms in comments": 2, // e.g. TODO or FIXME (off by default)
+    "no-warning-comments": [
+      0,
+      {
+        "terms": [
+          "todo",
+          "fixme"
+        ],
+        "location": "start"
+      }
+    ], // disallow usage of configurable warning terms in comments": 2, // e.g. TODO or FIXME (off by default)
     "no-with": 2, // disallow use of the with statement
     "radix": 2, // require use of the second argument for parseInt() (off by default)
     "vars-on-top": 2, // requires to declare all vars on top of their containing scope (off by default)
     "wrap-iife": 2, // require immediate function invocation to be wrapped in parentheses (off by default)
     "yoda": 2, // require or disallow Yoda conditions
-
     //
     // Strict Mode
     //
     // These rules relate to using strict mode.
     //
     "strict": 0, // controls location of Use Strict Directives. 0: required by `babel-eslint`
-
     //
     // Variables
     //
@@ -176,94 +184,179 @@
     "no-undef-init": 2, // disallow use of undefined when initializing variables
     "no-undefined": 2, // disallow use of undefined variable (off by default)
     "no-unused-vars": 2, // disallow declaration of variables that are not used in the code
-    "no-use-before-define": ["error", { "functions": false, "classes": true }], // disallow use of variables before they are defined
-
+    "no-use-before-define": [
+      "error",
+      {
+        "functions": false,
+        "classes": true
+      }
+    ], // disallow use of variables before they are defined
     //
     //Stylistic Issues
     //
     // These rules are purely matters of style and are quite subjective.
     //
-    "indent": [1, 2], // this option sets a specific tab width for your code (off by default)
+    "indent": [
+      1,
+      2
+    ], // this option sets a specific tab width for your code (off by default)
     "brace-style": 1, // enforce one true brace style (off by default)
     "camelcase": 1, // require camel case names
-    "comma-spacing": [1, {"before": false, "after": true}], // enforce spacing before and after comma
-    "comma-style": [1, "last"], // enforce one true comma style (off by default)
-    "consistent-this": [1, "_this"], // enforces consistent naming when capturing the current execution context (off by default)
+    "comma-spacing": [
+      1,
+      {
+        "before": false,
+        "after": true
+      }
+    ], // enforce spacing before and after comma
+    "comma-style": [
+      1,
+      "last"
+    ], // enforce one true comma style (off by default)
+    "consistent-this": [
+      1,
+      "_this"
+    ], // enforces consistent naming when capturing the current execution context (off by default)
     "eol-last": 1, // enforce newline at the end of file, with no multiple empty lines
     "func-names": 0, // require function expressions to have a name (off by default)
     "func-style": 0, // enforces use of function declarations or expressions (off by default)
-
-    "max-nested-callbacks": [1, 3], // specify the maximum depth callbacks can be nested (off by default)
-    "new-cap": [1, {"newIsCap": true, "capIsNew": false}], // require a capital letter for constructors
+    "max-nested-callbacks": [
+      1,
+      3
+    ], // specify the maximum depth callbacks can be nested (off by default)
+    "new-cap": [
+      1,
+      {
+        "newIsCap": true,
+        "capIsNew": false
+      }
+    ], // require a capital letter for constructors
     "new-parens": 1, // disallow the omission of parentheses when invoking a constructor with no arguments
     "newline-after-var": 0, // allow/disallow an empty newline after var statement (off by default)
     "no-array-constructor": 1, // disallow use of the Array constructor
     "no-inline-comments": 0, // disallow comments inline after code (off by default)
     "no-lonely-if": 1, // disallow if as the only statement in an else block (off by default)
     "no-mixed-spaces-and-tabs": 1, // disallow mixed spaces and tabs for indentation
-    "no-multiple-empty-lines": [1, {"max": 2}], // disallow multiple empty lines (off by default)
+    "no-multiple-empty-lines": [
+      1,
+      {
+        "max": 2
+      }
+    ], // disallow multiple empty lines (off by default)
     "no-nested-ternary": 1, // disallow nested ternary expressions (off by default)
     "no-new-object": 1, // disallow use of the Object constructor
     "no-spaced-func": 1, // disallow space between function identifier and application
     "no-ternary": 0, // disallow the use of ternary operators (off by default)
     //"no-trailing-spaces": 1, // disallow trailing whitespace at the end of lines
     //"no-underscore-dangle": 1, // disallow dangling underscores in identifiers
-    "one-var": [1, "never"], // allow just one var statement per function (off by default)
-    "operator-assignment": [1, "never"], // require assignment operator shorthand where possible or prohibit it entirely (off by default)
-    "padded-blocks": [1, "never"], // enforce padding within blocks (off by default)
-
-    "quotes": [1, "single"], // specify whether double or single quotes should be used
-    "semi": [1, "always"], // require or disallow use of semicolons instead of ASI
-    "semi-spacing": [1, {"before": false, "after": true}], // enforce spacing before and after semicolons
+    "one-var": [
+      1,
+      "never"
+    ], // allow just one var statement per function (off by default)
+    "operator-assignment": [
+      1,
+      "never"
+    ], // require assignment operator shorthand where possible or prohibit it entirely (off by default)
+    "padded-blocks": [
+      1,
+      "never"
+    ], // enforce padding within blocks (off by default)
+    "quotes": [
+      1,
+      "single"
+    ], // specify whether double or single quotes should be used
+    "semi": [
+      1,
+      "always"
+    ], // require or disallow use of semicolons instead of ASI
+    "semi-spacing": [
+      1,
+      {
+        "before": false,
+        "after": true
+      }
+    ], // enforce spacing before and after semicolons
     "sort-vars": 0, // sort variables within the same declaration block (off by default)
     // "space-after-keywords": [1, "always"], // require a space after certain keywords (off by default)
-    "space-before-blocks": [1, "always"], // require or disallow space before blocks (off by default)
-    "space-before-function-paren": [1, {"anonymous": "always", "named": "never"}], // require or disallow space before function opening parenthesis (off by default)
+    "space-before-blocks": [
+      1,
+      "always"
+    ], // require or disallow space before blocks (off by default)
+    "space-before-function-paren": [
+      1,
+      {
+        "anonymous": "always",
+        "named": "never"
+      }
+    ], // require or disallow space before function opening parenthesis (off by default)
     //"space-in-brackets": [1, "never"], // require or disallow spaces inside brackets (off by default)
-    "space-in-parens": [1, "never"], // require or disallow spaces inside parentheses (off by default)
-    "space-unary-ops": [1, {"words": true, "nonwords": false}], // Require or disallow spaces before/after unary operators (words on by default, nonwords off by default)
-    "spaced-comment": [1, "always"], // require or disallow a space immediately following the // in a line comment (off by default)
+    "space-in-parens": [
+      1,
+      "never"
+    ], // require or disallow spaces inside parentheses (off by default)
+    "space-unary-ops": [
+      1,
+      {
+        "words": true,
+        "nonwords": false
+      }
+    ], // Require or disallow spaces before/after unary operators (words on by default, nonwords off by default)
+    "spaced-comment": [
+      1,
+      "always"
+    ], // require or disallow a space immediately following the // in a line comment (off by default)
     "wrap-regex": 0, // require regex literals to be wrapped in parentheses (off by default)
-
     //
     // ECMAScript 6
     //
     // These rules are only relevant to ES6 environments and are off by default.
     //
     "no-var": 2, // require let or const instead of var (off by default)
-    "generator-star-spacing": [2, "before"], // enforce the spacing around the * in generator functions (off by default)
-
+    "generator-star-spacing": [
+      2,
+      "before"
+    ], // enforce the spacing around the * in generator functions (off by default)
     //
     // Legacy
     //
     // The following rules are included for compatibility with JSHint and JSLint.
     // While the names of the rules may not match up with the JSHint/JSLint counterpart,
     // the functionality is the same.
     //
-    "max-depth": [2, 3], // specify the maximum depth that blocks can be nested (off by default)
-    "max-len": [2, 300, 2], // specify the maximum length of a line in your program (off by default)
-    "max-params": [2, 5], // limits the number of parameters that can be used in the function declaration. (off by default)
+    "max-depth": [
+      2,
+      3
+    ], // specify the maximum depth that blocks can be nested (off by default)
+    "max-len": [
+      2,
+      300,
+      2
+    ], // specify the maximum length of a line in your program (off by default)
+    "max-params": [
+      2,
+      5
+    ], // limits the number of parameters that can be used in the function declaration. (off by default)
     "max-statements": 0, // specify the maximum number of statement allowed in a function (off by default)
     "no-bitwise": 0, // disallow use of bitwise operators (off by default)
     "no-plusplus": 2, // disallow use of unary operators, ++ and -- (off by default)
-
     //
     // eslint-plugin-react
     //
     // React specific linting rules for ESLint
     //
     "react/display-name": 0, // Prevent missing displayName in a React component definition
     //"react/jsx-quotes": [2, "double", "avoid-escape"], // Enforce quote style for JSX attributes
-      "jsx-quotes": [
-          2, "prefer-double"
-        ],
+    "jsx-quotes": [
+      2,
+      "prefer-double"
+    ],
     // "react/jsx-quotes": 0,
     "react/jsx-no-undef": 2, // Disallow undeclared variables in JSX
     "react/jsx-sort-props": 0, // Enforce props alphabetical sorting
     "react/jsx-uses-react": 2, // Prevent React to be incorrectly marked as unused
     "react/jsx-uses-vars": 2, // Prevent variables used in JSX to be incorrectly marked as unused
-    // "react/no-did-mount-set-state": [2, "allow-in-func"], // Prevent usage of setState in componentDidMount
-    // "react/no-did-update-set-state": 2, // Prevent usage of setState in componentDidUpdate
+    "react/no-did-mount-set-state": 2, // Prevent usage of setState in componentDidMount
+    "react/no-did-update-set-state": 2, // Prevent usage of setState in componentDidUpdate
     "react/no-multi-comp": 0, // Prevent multiple component definition per file
     "react/no-unknown-property": 2, // Prevent usage of unknown DOM property
     "react/prop-types": 2, // Prevent missing props validation in a React component definition

README.md

@@ -26,7 +26,7 @@ React + React-Router + Redux + ImmutableJS + Bootstrap with with Server side ren
 - animate.css ([github :link:](https://github.com/daneden/animate.css))
 - classnames ([github :link:](https://github.com/JedWatson/classnames))
 - react-motion ([github :link:](https://github.com/chenglou/react-motion))
-- Webpack 2.x ([github :link:](https://github.com/webpack/webpack))
+- Webpack 3.x ([github :link:](https://github.com/webpack/webpack))
 - babel 6+ ([github :link:](https://github.com/babel/babel))
 - axios ([github :link:](https://github.com/mzabriskie/axios))