Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mediamonks/eslint-config
The official Media.Monks eslint configuration for use in JS, TS and React projects
https://github.com/mediamonks/eslint-config
esint linting mediamonks muban react typescript vue
Last synced: 19 days ago
JSON representation
The official Media.Monks eslint configuration for use in JS, TS and React projects
- Host: GitHub
- URL: https://github.com/mediamonks/eslint-config
- Owner: mediamonks
- License: mit
- Created: 2021-02-03T11:17:12.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-11-19T16:47:10.000Z (about 1 month ago)
- Last Synced: 2024-11-20T17:47:32.587Z (about 1 month ago)
- Topics: esint, linting, mediamonks, muban, react, typescript, vue
- Language: JavaScript
- Homepage:
- Size: 2.52 MB
- Stars: 6
- Watchers: 23
- Forks: 1
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Media.Monks - eslint Configuration
The official Media.Monks eslint configuration, based on the
[Frontend Coding Standards](https://github.com/mediamonks/frontend-coding-standards).
| Package | Version | Downloads |
| -------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- |
| `@mediamonks/eslint-config` | [](https://npmjs.com/@mediamonks/eslint-config) |  |
| `@mediamonks/eslint-config-react` | [](https://npmjs.com/@mediamonks/eslint-config-react) |  |
| `@mediamonks/eslint-config-typescript` | [](https://npmjs.com/@mediamonks/eslint-config-typescript) |  |
| `@mediamonks/eslint-config-typescript-react` | [](https://npmjs.com/@mediamonks/eslint-config-typescript-react) |  |
| `@mediamonks/eslint-plugin-react` | [](https://npmjs.com/@mediamonks/eslint-plugin-react) |  |
## Installation
Installation and configuration in a project is super easy, follow the instructions for one of the
following project types.
- [For JavaScript projects](#for-javascript-projects)
- [For JavaScript projects using React](#for-javascript-projects-using-react)
- [For TypeScript projects](#for-typescript-projects)
- [For TypeScript projects using React](#for-typescript-projects-using-react)
### For JavaScript projects
Install the following package(s):
```sh
npm install --save-dev @mediamonks/eslint-config
```
Add the following configuration to your `package.json`
```json
"eslintConfig": {
"overrides": [
{
"files": ["*.js"],
"extends": [
"@mediamonks/eslint-config"
]
}
]
}
```
### For JavaScript projects using React
Install the following package(s):
```sh
npm install --save-dev \
@mediamonks/eslint-config
@mediamonks/eslint-config-react
```
Add the following configuration to your `package.json`
```json
"eslintConfig": {
"overrides": [
{
"files": ["*.js"],
"extends": [
"@mediamonks/eslint-config"
]
}
{
"files": ["*.jsx"],
"extends": [
"@mediamonks/eslint-config",
"@mediamonks/eslint-config-react"
]
}
]
}
```
### For TypeScript projects
Install the following package(s):
```sh
npm install --save-dev \
@mediamonks/eslint-config \
@mediamonks/eslint-config-typescript
```
Add the following configuration to your `package.json`
```json
"eslintConfig": {
"overrides": [
{
"files": ["*.js"],
"extends": [
"@mediamonks/eslint-config"
]
},
{
"files": ["*.ts"],
"parserOptions": {
"project": "./tsconfig.json"
},
"extends": [
"@mediamonks/eslint-config",
"@mediamonks/eslint-config-typescript"
]
}
]
}
```
### For TypeScript projects using React
Install the following package(s):
```sh
npm install --save-dev \
@mediamonks/eslint-config \
@mediamonks/eslint-config-react \
@mediamonks/eslint-config-typescript \
@mediamonks/eslint-config-typescript-react
```
Add the following configuration to your `package.json`
```json
"eslintConfig": {
"overrides": [
{
"files": ["*.js"],
"extends": [
"@mediamonks/eslint-config"
]
},
{
"files": ["*.jsx"],
"extends": [
"@mediamonks/eslint-config",
"@mediamonks/eslint-config-react"
]
},
{
"files": ["*.ts"],
"parserOptions": {
"project": "./tsconfig.json"
},
"extends": [
"@mediamonks/eslint-config",
"@mediamonks/eslint-config-typescript"
]
},
{
"files": ["*.tsx"],
"parserOptions": {
"project": "./tsconfig.json"
},
"extends": [
"@mediamonks/eslint-config",
"@mediamonks/eslint-config-react",
"@mediamonks/eslint-config-typescript",
"@mediamonks/eslint-config-typescript-react"
]
}
]
}
```