Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/standard/eslint-config-standard-react
ESLint Shareable Config for React/JSX support in JavaScript Standard Style
https://github.com/standard/eslint-config-standard-react
development ecmascript es6 eslint javascript linter nodejs standard static-code-analysis style-guide
Last synced: about 1 month ago
JSON representation
ESLint Shareable Config for React/JSX support in JavaScript Standard Style
- Host: GitHub
- URL: https://github.com/standard/eslint-config-standard-react
- Owner: standard
- License: mit
- Created: 2015-06-10T19:36:31.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2023-09-16T07:30:57.000Z (10 months ago)
- Last Synced: 2024-05-01T11:39:43.670Z (2 months ago)
- Topics: development, ecmascript, es6, eslint, javascript, linter, nodejs, standard, static-code-analysis, style-guide
- Language: JavaScript
- Homepage: https://standardjs.com
- Size: 80.1 KB
- Stars: 456
- Watchers: 11
- Forks: 89
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome - standard/eslint-config-standard-react - ESLint Shareable Config for React/JSX support in JavaScript Standard Style (JavaScript)
- awesome - eslint-config-standard-react - ESLint Shareable Config for React/JSX support in JavaScript Standard Style (JavaScript)
README
# eslint-config-standard-react [![travis][travis-image]][travis-url] [![npm][npm-image]][npm-url] [![downloads][downloads-image]][downloads-url] [![javascript style guide][standard-image]][standard-url]
[travis-image]: https://img.shields.io/travis/standard/eslint-config-standard-react/master.svg
[travis-url]: https://travis-ci.org/standard/eslint-config-standard-react
[npm-image]: https://img.shields.io/npm/v/eslint-config-standard-react.svg
[npm-url]: https://npmjs.org/package/eslint-config-standard-react
[downloads-image]: https://img.shields.io/npm/dm/eslint-config-standard-react.svg
[downloads-url]: https://npmjs.org/package/eslint-config-standard-react
[standard-image]: https://img.shields.io/badge/code_style-standard-brightgreen.svg
[standard-url]: https://standardjs.com
#### An ESLint [Shareable Config](http://eslint.org/docs/developer-guide/shareable-configs) for React/JSX support in [JavaScript Standard Style](https://github.com/standard/standard)
[](https://github.com/standard/standard)
## Install
This module is for advanced users. You probably want to use [`standard`](https://github.com/standard/standard) instead :)
```bash
npm install eslint-config-standard-react
```
## Usage
Shareable configs are designed to work with the `extends` feature of `.eslintrc` files.
You can learn more about
[Shareable Configs](http://eslint.org/docs/developer-guide/shareable-configs) on the
official ESLint website.
This Shareable Config adds React and JSX to the baseline JavaScript Standard Style rules
provided in `eslint-config-standard`.
Here's how to install everything you need:
```bash
npm install --save-dev @babel/core @babel/eslint-parser eslint-config-standard eslint-config-standard-jsx eslint-config-standard-react eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-react
```
Then, add this to your `.eslintrc` file:
```
{
"parser": "@babel/eslint-parser",
"extends": ["standard", "standard-jsx", "standard-react"]
}
```
*Note: We omitted the `eslint-config-` prefix since it is automatically assumed by ESLint.*
You can override settings from the shareable config by adding them directly into your
`.eslintrc` file.
### Looking for something easier than this?
The easiest way to use JavaScript Standard Style to check your code is to use the
[`standard`](https://github.com/standard/standard) package. This comes with a global
Node command line program (`standard`) that you can run or add to your `npm test` script
to quickly check your style.
## Badge
Use this in one of your projects? Include one of these badges in your readme to
let people know that your code is using the standard style.
[](https://github.com/standard/standard)
```markdown
[](https://github.com/standard/standard)
```
[](https://github.com/standard/standard)
```markdown
[](https://github.com/standard/standard)
```
## Learn more
For the full listing of rules, editor plugins, FAQs, and more, visit the main
[JavaScript Standard Style repo](https://github.com/standard/standard).
## License
MIT. Copyright (c) [Feross Aboukhadijeh](http://feross.org).