The Diametra-Labs ESLint configuration preset is intended for react projects that are written only with typescript. It offers a very flexible configuration. This preset is not meant to kill your productivity, just worry about coding : )
-
using typescript-eslint best practices
-
with prettier support, thanks to eslint-plugin-prettier. We take care of formatting the code for you 👌
-
with react, react-hooks
including ECMAScript 6+
Install the package with
npm install eslint-config-base-diametra-ts --save-dev
# or
yarn add eslint-config-base-diametra-ts -D
Now add the config to either your package.json
:
{
"eslintConfig": {
"extends": "eslint-config-base-diametra-ts"
}
}
to your .eslintrc
:
{
"extends": "eslint-config-base-diametra-ts"
}
or .eslintrc.js
:
module.exports = {
extends: 'eslint-config-base-diametra-ts',
}
This ESLint configuration comes with some fundamental assumptions:
- react and/or node environment
- browser and/or node environment
- parser: typescript (used @typescript-eslint/parser)
Markoz Peña |