# eslint-config-react-app-ts

> Create React App's ESLint configuration for TypeScript

Latest version **1.0.3** (published 2018-09-04) · ISC license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install eslint-config-react-app-ts
pnpm add eslint-config-react-app-ts
yarn add eslint-config-react-app-ts
bun add eslint-config-react-app-ts
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2018-09-04 |
| First published | 2018-09-03 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 7 |
| Author | Nick McCurdy |
| Maintainers | nickmccurdy |
| Keywords | eslint, eslintconfig |

## Links

- npm: https://www.npmjs.com/package/eslint-config-react-app-ts
- Repository: https://github.com/nickmccurdy/eslint-config-react-app-ts
- Homepage: https://github.com/nickmccurdy/eslint-config-react-app-ts#readme
- Issues: https://github.com/nickmccurdy/eslint-config-react-app-ts/issues
- npm.io page: https://npm.io/package/eslint-config-react-app-ts

## Alternatives

- [eslint-plugin-sonarjs](https://npm.io/package/eslint-plugin-sonarjs.md) — 2.9M weekly downloads
- [eslint-config-expo](https://npm.io/package/eslint-config-expo.md) — 1.5M weekly downloads
- [@matter/protocol](https://npm.io/package/@matter/protocol.md) — 63.5K weekly downloads
- [@eventcatalog/linter](https://npm.io/package/@eventcatalog/linter.md) — 24.8K weekly downloads
- [@inrupt/eslint-config-base](https://npm.io/package/@inrupt/eslint-config-base.md) — 4.5K weekly downloads

## Recent versions

- 1.0.3 (latest) — 2018-09-04
- 1.0.2 — 2018-09-04
- 1.0.1 — 2018-09-03
- 1.0.0 — 2018-09-03

## README

# `eslint-config-react-app-ts` [![npm version](https://badge.fury.io/js/eslint-config-react-app-ts.svg)](https://badge.fury.io/js/eslint-config-react-app-ts)

This package extends [`eslint-config-react-app`](https://github.com/facebook/create-react-app/tree/master/packages/eslint-config-react-app) for [TypeScript](https://www.typescriptlang.org/) files by parsing them with [`typescript-eslint-parser`](https://github.com/eslint/typescript-eslint-parser) and preventing conflicts with the TypeScript compiler. It can also be used as a less opinionated and easier to learn alternative to [TSLint](https://github.com/palantir/tslint)'s recommended, [React](https://github.com/palantir/tslint-react), and [Prettier](https://www.npmjs.com/package/tslint-config-prettier) configs, without restrictions on type usage. Linter results for JS files are identical to `eslint-config-react-app`.

## Development Status

The main goal is to develop a more user-friendly linter config for [Create React App TypeScript](https://github.com/wmonk/create-react-app-typescript) (see [#388](https://github.com/wmonk/create-react-app-typescript/pull/388)), but it should work in any TypeScript React app. If you experience a conflict between an ESLint rule and your TypeScript compiler settings, please [report an issue](https://github.com/nickmccurdy/eslint-config-react-app-ts/issues/new) with your configs.

## Usage

First, install this package, ESLint and the necessary plugins.

```sh
npm install --save-dev eslint-config-react-app-ts typescript typescript-eslint-parser eslint-config-react-app babel-eslint@^7.2.3 eslint@^4.1.1 eslint-plugin-flowtype@^2.34.1 eslint-plugin-import@^2.6.0 eslint-plugin-jsx-a11y@^5.1.1 eslint-plugin-react@^7.1.0
```

Then create a file named `.eslintrc` with following contents in the root folder of your project:

```js
{
  "extends": "react-app-ts"
}
```

You also need to make sure your usage of ESLint includes TypeScript files. For example, you can run `eslint . --ext js,jsx,ts,tsx` at the command line.

You can override the settings from `eslint-config-react-app-ts` by editing the `.eslintrc` file. Learn more about [configuring ESLint](http://eslint.org/docs/user-guide/configuring) on the ESLint website.

## [Accessibility Checks](https://github.com/facebook/create-react-app/tree/master/packages/eslint-config-react-app#accessibility-checks)

---
_Source: https://npm.io/package/eslint-config-react-app-ts · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._