Frontend project configs files.

..frontend-config-files

Frontend configuration files

.env

BROWSER=none

.eslintrc.js

module.exports = {
  extends: ['react-app', 'eslint:recommended', 'plugin:react/recommended'],
  plugins: ['react-hooks'],
  parser: 'babel-eslint',
  rules: {
    'no-invalid-this': 'error',
    'object-curly-spacing': ['error', 'always'],
    'linebreak-style': ['error', 'unix'],
    'arrow-parens': ['error', 'as-needed'],
    'space-before-function-paren': 'off',
    'max-len': ['warn', { ignoreComments: true, ignoreStrings: true, code: 180, tabWidth: 4 }],
    'no-duplicate-imports': ['error', { includeExports: true }],
    'no-unused-vars': ['error', { vars: 'all', args: 'all', argsIgnorePattern: '^_', caughtErrors: 'all', caughtErrorsIgnorePattern: '^ignore' }],
    // react
    'react/no-deprecated': 'warn',
    'react/jsx-uses-vars': 'error',
    // react-hooks
    'react-hooks/rules-of-hooks': 'error',
    'react-hooks/exhaustive-deps': 'warn',
  },
  env: {
    node: true,
    es6: true,
    browser: true,
    commonjs: true,
    jest: true,
  },
  parserOptions: {
    ecmaVersion: 2018,
  },
};

.grenrc.json

{
  "dataSource": "commits",
  "prefix": "",
  "includeMessages": "all",
  "changelogFilename": "CHANGELOG.md"
}

.prettierrc

{
  "printWidth": 180,
  "singleQuote": true,
  "tabWidth": 2,
  "useTabs": false,
  "trailingComma": "all",
  "bracketSpacing": true,
  "semi": true,
  "arrowParens": "avoid",
  "jsxBracketSameLine": true,
  "jsxSingleQuote": false
}

package.json

{
  "devDependencies": {
    "eslint-plugin-react-hooks": "1.5.0",
    "husky": "1.3.1",
    "lint-staged": "8.1.5",
    "prettier": "1.16.4"
  },
  "scripts": {
    // ...
    "test": "react-scripts test --watchAll=false",
    "lint": "eslint"
    // ...
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.{js,json,css,md}": [
      "prettier --write"
    ]
  }
}

renovate.json

{
  "extends": ["github>favasconcelos/renovate-config"]
}