feat: add browser configs (#57)

Author: erezrokah

README.md

@@ -14,8 +14,9 @@ If you're creating a new repository, you can use the
 [following GitHub template](https://github.com/netlify/node-template). Otherwise, please follow those steps:
 
 - `npm install -D @netlify/eslint-config-node`
-- Add the following `.eslintrc.js` to the root of the project. Individual `rules` and `overrides` can be tweaked for the
-  specific project.
+- Add a `.eslintrc.js` file to the root of the project. Based on the type of the project update the content of the file:
+
+### Node.js project
 
 ```js
 const { overrides } = require('@netlify/eslint-config-node')
@@ -27,6 +28,32 @@ module.exports = {
 }
 ```
 
+### React application
+
+```js
+const { overrides } = require('@netlify/eslint-config-node/react_config')
+
+module.exports = {
+  extends: '@netlify/eslint-config-node/react_config',
+  rules: {},
+  overrides: [...overrides],
+}
+```
+
+### Vanilla JS in HTML files
+
+```js
+const { overrides } = require('@netlify/eslint-config-node/vanilla_js_config')
+
+module.exports = {
+  extends: '@netlify/eslint-config-node/vanilla_js_config',
+  rules: {},
+  overrides: [...overrides],
+}
+```
+
+>Individual `rules` and `overrides` can be tweaked for the specific project.
+
 - Add the following `.prettierrc.json` to the root of the project:
 
 ```json

react_config.js

@@ -0,0 +1,28 @@
+const { overrides } = require('./.eslintrc.js')
+
+const ECMA_VERSION = 6
+
+module.exports = {
+  extends: './.eslintrc.js',
+  overrides: [
+    ...overrides,
+    {
+      files: ['*.jsx'],
+      parserOptions: {
+        ecmaVersion: ECMA_VERSION,
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      env: {
+        browser: true,
+      },
+      extends: ['eslint:recommended', 'plugin:react/recommended'],
+      rules: {
+        'unicorn/filename-case': 0,
+        'node/no-unsupported-features/es-syntax': 0,
+      },
+    },
+  ],
+}

vanilla_js_config.js

@@ -0,0 +1,15 @@
+const { overrides } = require('./.eslintrc.js')
+
+module.exports = {
+  extends: './.eslintrc.js',
+  overrides: [
+    ...overrides,
+    {
+      files: ['*.html'],
+      env: {
+        browser: true,
+      },
+      extends: ['eslint:recommended'],
+    },
+  ],
+}