An ESLint Shareable Config for Typescript React Base Style with Prettier

by React

eslint-config-react-base

An ESLint Shareable Config for Typescript React Base Style with Prettier.

Features

  • ESLint: ✅
  • TypeScript ✅
  • React: ✅
  • Prettier: ✅

Install

This module is for advanced users. You probably want to use react-base instead ?

npm install @winme/eslint-config-react-base -D

Usage

Shareable configs are designed to work with the extends feature of .eslintrc files.
You can learn more about
Shareable Configs on the
official ESLint website.

Then, add this to your .eslintrc file:

{
  "extends": "@winme/eslint-config-react-base"
}

You can override settings from the shareable config by adding them directly into your
.eslintrc file.

For auto fix problem, strongly recommanded you add below options into .vscode/settings.json at root of directory;

{
  "typescript.tsdk": "node_modules/typescript/lib",
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
  "eslint.options": {
    "extensions": [".js", ".jsx", ".ts", ".tsx"]
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false
  },
  "[typescript]": {
    "editor.formatOnSave": false
  },
  "[typescriptreact]": {
    "editor.formatOnSave": false
  }
}

License

MIT. Copyright (c) eslint-config-react-base.

GitHub

View Github