React Code Style Configuration

.editorconfig

root = true

[*]
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
end_of_line = lf

.eslintignore

/*.js
node_modules
build

.eslintrc.json

{
  "env": {
      "es6": true
      "browser": true //remove on mobile
  },
  "extends": [
      "plugin:react/recommended",
      "airbnb",
      "plugin:@typescript-eslint/recommended",
      "prettier/@typescript-eslint",
      "plugin:prettier/recommended"
  ],
  "globals": {
      "Atomics": "readonly",
      "SharedArrayBuffer": "readonly"
  },
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
      "ecmaFeatures": {
          "jsx": true
      },
      "ecmaVersion": 2018,
      "sourceType": "module"
  },
  "plugins": [
      "react",
      "react-hooks",
      "@typescript-eslint",
      "prettier"
  ],
  "rules": {
      "prettier/prettier": "error",
      "react-hooks/rules-of-hooks": "error",
      "react-hooks/exhaustive-deps": "warn",
      "react/jsx-filename-extension": [1, {"extensions":[".tsx"]}],
      "import/prefer-default-export": "off",
      "react/jsx-props-no-spreading": "off",
      "react/prop-types": "off",
      "@typescript-eslint/camelcase": "off",
      "react/jsx-one-expression-per-line": "off",
      "@typescript-eslint/explicit-function-return-type":[
          "error",
          {
              "allowExpressions": true
          }
      ],
      "jsx-a11y/anchor-is-valid":"off",
      "react/no-unescaped-entities": "off",
      "import/extensions": [
          "error",
          "ignorePackages",
          {
              "ts": "never",
              "tsx": "never"
          }
      ]
  },
  "settings": {"import/resolver": {
      "typescript": {}
  }}
}

prettier.config.js

module.exports = {
  singleQuote: true,
  traillingComma: 'all',
  arrowParen: 'avoid',
};