debug server side code on VsCode IDE

.babelrc

@@ -1,19 +1,22 @@
 {
-  "presets": ["react", "es2015"],
-  "env": {
-    "development": {
-      "plugins": [
-        ["react-transform", {
-          "transforms": [{
-            "transform": "react-transform-hmr",
-            "imports": ["react"],
-            "locals": ["module"]
-          }, {
-            "transform": "react-transform-catch-errors",
-            "imports": ["react", "redbox-react"]
-          }]
-        }]
-      ]
+    "presets": [
+        "es2015",
+        "stage-0",
+        "react"
+    ],
+    "plugins": [
+        "react-hot-loader/babel"
+    ],
+    "env": {
+        "production": {
+            "presets": [
+                "react-optimize"
+            ]
+        },
+        "development": {
+            "plugins": [
+                "transform-react-jsx-source"
+            ]
+        }
     }
-  }
-}
+}

.eslintignore

@@ -0,0 +1,3 @@
+# Ignore built files
+dist/
+bundle.js

.eslintrc

@@ -1,27 +1,77 @@
 {
-  "ecmaFeatures": {
-    "jsx": true,
-    "modules": true
-  },
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "parser": "babel-eslint",
-  "rules": {
-    "quotes": [2, "single"],
-    "strict": [2, "never"],
-    "babel/generator-star-spacing": 1,
-    "babel/new-cap": 1,
-    "babel/object-shorthand": 1,
-    "babel/arrow-parens": 1,
-    "babel/no-await-in-loop": 1,
-    "react/jsx-uses-react": 2,
-    "react/jsx-uses-vars": 2,
-    "react/react-in-jsx-scope": 2
-  },
-  "plugins": [
-    "babel",
-    "react"
-  ]
-}
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "sourceType": "module",
+        "ecmaVersion": 6
+    },
+    "env": {
+        "es6": true,
+        "browser": true,
+        "node": true
+    },
+    "ignore": [
+        "node_modules"
+    ],
+    "extends": [
+        "eslint:recommended",
+        "plugin:import/errors",
+        "plugin:import/warnings",
+        "plugin:lodash/recommended",
+        "plugin:react/recommended"
+    ],
+    "globals": {
+        "__DEV__": true
+    },
+    "parser": "babel-eslint",
+    "rules": {
+        "quotes": [
+            2,
+            "single"
+        ],
+        "strict": [
+            2,
+            "never"
+        ],
+        "no-var": 2,
+        "prefer-spread": 2,
+        "prefer-const": 2,
+        "prefer-template": 2,
+        "generator-star-spacing": 1,
+        "babel/new-cap": 1,
+        "object-shorthand": 1,
+        "arrow-parens": 1,
+        "no-await-in-loop": 1,
+        "react/no-multi-comp": [
+            2,
+            {
+                "ignoreStateless": true
+            }
+        ],
+        "lodash/prefer-lodash-method": [
+            2,
+            {
+                "ignoreObjects": [
+                    "React.Children"
+                ]
+            }
+        ]
+    },
+    "plugins": [
+        "babel",
+        "import",
+        "lodash",
+        "react"
+    ],
+    "settings": {
+        "import/resolver": {
+            "webpack": {
+                "config": "webpack.config.dev.js"
+            }
+        },
+        "import/ignore": [
+            "node_modules"
+        ]
+    }
+}

.gitignore

@@ -1,4 +1,5 @@
 .DS_Store
 node_modules
 npm-debug.log
-dist
+dist
+.vscode/chrome

.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+    "recommendations": [
+        "msjsdiag.debugger-for-chrome",
+        "dbaeumer.vscode-eslint",
+        "xabikos.ReactSnippets",
+        "fknop.vscode-npm",
+        "christian-kohler.npm-intellisense"
+    ]
+}

.vscode/launch.json

@@ -0,0 +1,23 @@
+{
+	"version": "0.2.0",
+	"configurations": [
+	    {
+                "name": "Debug",
+                "type": "chrome",
+                "request": "launch",
+                "webRoot": "${workspaceRoot}",
+                "url": "http://localhost:3000", 
+                "userDataDir": "${workspaceRoot}/.vscode/chrome",
+                "sourceMaps": true,
+                "preLaunchTask": "development",
+                "smartStep": true,
+                "internalConsoleOptions": "openOnSessionStart",
+                "skipFiles": [
+                    "node_modules/**"
+                ],
+                "sourceMapPathOverrides": {
+                    "webpack:///*": "${webRoot}/*"
+                }
+            }
+	]
+}

.vscode/settings.json

@@ -0,0 +1,49 @@
+// Place your settings in this file to overwrite default and user settings.
+{
+	"editor.formatOnType": true,
+	"eslint.enable": true,
+	"files.associations": {
+		"**/src/**/*.js": "javascriptreact",
+		"**/node_modules/**/*.js": "javascript",
+		".babelrc": "json",
+		".eslintignore": "gitignore"
+	},
+	"files.exclude": {
+		".vscode/chrome/**": true
+	},
+	"files.watcherExclude": {
+		".vscode/chrome/**": true
+	},
+	"html.format.extraLiners": "!",
+	"html.format.indentInnerHtml": true,
+	"json.schemas": [
+		{
+			"fileMatch": [
+				"/package.json"
+			],
+			"schema": {
+				"type": "object",
+				"properties": {
+					"config": {
+						"properties": {
+							"port": {
+								"type": "number",
+								"description": "The port of the webpack-dev-server",
+								"default": 3000
+							},
+							"host": {
+								"type": "string",
+								"description": "The hostname or ip of the webpack-dev-server",
+								"default": "localhost"
+							}
+						}
+					}
+				}
+			}
+		}
+	],
+	"search.exclude": {
+		"dist/**": true
+	},
+	"typescript.check.tscVersion": false
+}

.vscode/tasks.json

@@ -0,0 +1,151 @@
+// Available variables which can be used inside of strings.
+// ${workspaceRoot}: the root folder of the team
+// ${file}: the current opened file
+// ${fileBasename}: the current opened file's basename
+// ${fileDirname}: the current opened file's dirname
+// ${fileExtname}: the current opened file's extension
+// ${cwd}: the current working directory of the spawned process
+{
+	"version": "0.1.0",
+	"command": "npm",
+	"isShellCommand": true,
+	"echoCommand": false,
+	"suppressTaskName": true,
+	"showOutput": "always",
+	"tasks": [
+		{
+			"args": [
+				"run",
+				"start",
+				"--silent",
+				"--react-hot-boilerplate-vscode:port=3000",
+				"--react-hot-boilerplate-vscode:host=localhost" // use these command line args to override host and port of the dev-server. default values are defined in package.json config section.
+			],
+			"problemMatcher": [
+				{
+					"owner": "custom",
+					"pattern": {
+					  "regexp": "____________"
+					},
+					"watching": {
+						"activeOnStart": true,
+						"beginsPattern": "^webpack: Compiling\\.\\.\\.$",
+						"endsPattern": "^webpack: (Compiled successfully|Failed to compile)\\.$"
+					}
+				},
+				{
+					"owner": "javascript",
+					"severity": "error",
+					"applyTo": "closedDocuments",
+					"fileLocation": "absolute",
+					"pattern": [
+						{
+							"regexp": "^(Module build failed:\\s.*?:\\s(.*):(.*?))[\\s+](?:\\(([\\d-]+):([\\d-]+)\\))?$",
+							"message": 3,
+							"file": 2,
+							"line": 4,
+							"column": 5
+						}
+					]
+				},
+				{
+					"owner": "javascript",
+					"severity": "error",
+					"applyTo": "closedDocuments",
+					"fileLocation": "relative",
+					"pattern": [
+						{
+							"regexp": "^ERROR in ./(.*)\\s?$",
+							"file": 1
+						},
+						{
+							"regexp": "^.*?Error:\\s(.*').*$",
+							"message": 1
+						},
+						{
+							"regexp": "^\\s+@.*?(\\d+)(?:-([\\d]+))?:(\\d+)(?:-([\\d]+))?\\s?$",
+							"line": 1,
+							"endLine": 2,
+							"column": 3,
+							"endColumn": 4
+						}
+					]
+				}
+			],
+			"isBackground": true,
+			"taskName": "development"
+		},
+		{
+			"args": [
+				"run",
+				"build",
+				"--silent"
+			],
+			"problemMatcher": [
+				{
+					"owner": "javascript",
+					"severity": "error",
+					"applyTo": "closedDocuments",
+					"fileLocation": "absolute",
+					"pattern": [
+						{
+							"regexp": "^(Module build failed:\\s.*?:\\s(.*):(.*?))[\\s+](?:\\(([\\d-]+):([\\d-]+)\\))?$",
+							"message": 3,
+							"file": 2,
+							"line": 4,
+							"column": 5
+						}
+					]
+				},
+				{
+					"owner": "javascript",
+					"severity": "error",
+					"applyTo": "closedDocuments",
+					"fileLocation": "relative",
+					"pattern": [
+						{
+							"regexp": "^ERROR in ./(.*)\\s?$",
+							"file": 1
+						},
+						{
+							"regexp": "^.*?Error:\\s(.*').*$",
+							"message": 1
+						},
+						{
+							"regexp": "^\\s+@.*?(\\d+)(?:-([\\d]+))?:(\\d+)(?:-([\\d]+))?\\s?$",
+							"line": 1,
+							"endLine": 2,
+							"column": 3,
+							"endColumn": 4
+						}
+					]
+				}
+			],
+			"taskName": "release",
+			"isBuildCommand": true
+		},
+		{
+			"args": [
+				"install",
+				"--progress",
+				"false",
+				"--loglevel",
+				"http"
+			],
+			"taskName": "install"
+		},
+		{
+			"args": [
+				"run",
+				"lint",
+				"--loglevel",
+				"silent"
+			],
+			"problemMatcher": [
+				"$eslint-stylish"
+			],
+			"taskName": "lint",
+			"isTestCommand": true
+		}
+	]
+}