eslint-config-godaddy-react-typescript

Configuration for ES6 React JavaScript applications using React and TypeScript, officially used at GoDaddy. There are many useful features:

• Standard. No configuration. – Stop worrying about style and focus on your work.
• Modern – Uses modern linting tools like eslint.
• Auto-fix – Auto-fix is enabled by-default through in eslint. Many rules will fix themselves!

This styleguide is used by dozens of product teams at GoDaddy. Have a question or comment? Open an issue!

Installation

# ES6 (including React rules)
npm i eslint-config-godaddy-react-typescript --save-dev

Usage

There are two ways to use this styleguide depending on your own tooling preference: directly using pre-included binaries or running eslint yourself with a custom .eslintrc config.

1. Use the pre-included binaries.

These use exactly the configuration defined in this package (eslint-config-godaddy-react-typescript) with auto-fix enabled automatically.

{
  "scripts": {
    "lint": "eslint-godaddy-react-typescript files/ you/ want-to/ lint/"
  }
}

2. Define your local .eslintrc.js and run eslint yourself:

module.exports = {
  extends: 'godaddy-react-typescript',
  rules: {
    //
    // Put any rules you wish to override here.
    //
  }
}

The --fix option in eslint is only available as a CLI option. Auto-fix will NOT be enabled unless you run eslint --fix in your package.json.

{
  "scripts": {
    "lint": "eslint --fix files/ you/ want-to/ lint/"
  }
}