ESlint Config for ReactJS TypeScript

A Standard ESlint and Prettier rules for ReactJS with TypeScript project

Installation

npm i @thecodejs/eslint-config-react-ts --save-dev

Usage

These rules can be only used in .eslintrc file to enforce your eslint extension to follow these rules. All you need to install dbaeumer.vscode-eslint extension in your VS Code editor.

In your project, create a .eslintrc.json file and write below code:

{
    "extends": ["@thecodejs/eslint-config-react-ts"],
    "env": {},
    "parserOptions": {},
    "rules": {}
}

To override rules, create .eslintrc.js file and type following:

const config = require('@thecodejs/eslint-config-react-ts')

module.exports = {
    ...config,
    rules: {
        ...config.rules,
        'your-rule': 'goes like this',
    }
}

For Prettier, create a .prettierrc.js file and write below code:

module.exports = require('@thecodejs/eslint-config-react-ts/prettier-config')

For Developer

To publish this package, execute following command:

npm publish --access public

License

See in LICENSE

Alauddin Ansari
[email protected]