for developers
Welcome
Boilerplates
Code Linting
Getting StartedEslint Base ConfigEslint React ConfigInstallationRulesEslint Typescript ConfigPrettier Config
Github Actions
Private Registry
Styled
🔒  Local Setup
🔒  Server Setup
🔒  Code Challenge

Eslint React Config

WILD Eslint configuration for React based projects - .tsx and .jsx.

Installation

To use it in your project, you need to install the peerDependencies of this package. We recommend to use install-peerdeps

If you're using npm >=7

peerDependencies should be installed by default

If you're using npm >=5

npx install-peerdeps @madebywild/eslint-config --dev

If you're using npm <5

npm install -g install-peerdeps && install-peerdeps @madebywild/eslint-config --dev

Then add this to a .eslintrc file:

{
"extends": "@madebywild/eslint-config"
}

Rules

module.exports = {
extends: ["react-app", "@madebywild/eslint-config-typescript"],
plugins: ["jsx-a11y", "react-hooks"],
rules: {
"react/prop-types": "off",
"react/react-in-jsx-scope": "off",
"react/no-unescaped-entities": "off",
"react/self-closing-comp": "error",
"jsx-a11y/anchor-is-valid": "warn",
"jsx-a11y/no-noninteractive-element-interactions": "warn",
"jsx-a11y/click-events-have-key-events": "warn",
"jsx-a11y/no-static-element-interactions": "warn",
"react/no-unknown-property": "warn",
},
};