
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
eslint-config-superop
Advanced tools
Clean Eslint config with Prettier, TypeScript, and absolute imports.
This is a Eslint Shareable Config that comes pre-configured with tons of stuff.
Install eslint-config-superop and necessary dependencies:
npx install-peerdeps --yarn --dev eslint-config-superop
# or
npx install-peerdeps --dev eslint-config-superop
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.
Add the base config to your .eslintrc
file:
{
"extends": [
"superop"
]
}
yarn add --dev @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-import-resolver-typescript
.eslintrc
file:{
"extends": [
"superop",
"superop/typescript",
]
}
yarn add --dev eslint-plugin-react eslint-plugin-react-hooks
.eslintrc
file:{
"extends": [
"superop",
// "superop/typescript", // Uncomment if using TypeScript, and install deps for it
"superop/react",
"superop/react-new-jsx", // If using the new JSX transform
]
}
yarn add --dev eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-react-native
.eslintrc
file:{
"extends": [
"superop",
// "superop/typescript", // Uncomment if using TypeScript, and install deps for it
"superop/react",
// "superop/react-new-jsx", // Uncomment if using the new JSX transform
"superop/react-native",
]
}
Install babel-plugin-module-resolver and configure babel
Install dependencies:
yarn add --dev eslint-import-resolver-babel-module
.eslintrc
file:{
"extends": [
"superop",
"superop/import-resolver-babel",
// "superop/typescript", // Uncomment if using TypeScript
// "superop/react", // Uncomment if using React
// "superop/react-new-jsx", // Uncomment if using the new JSX transform
// "superop/react-native", // Uncomment if using React Native
]
}
yarn add --dev eslint-plugin-jest
.eslintrc
file:{
"extends": [
"superop",
// "superop/import-resolver-babel", // Uncomment if using directory alises
// "superop/typescript", // Uncomment if using TypeScript
// "superop/react", // Uncomment if using React
// "superop/react-new-jsx", // Uncomment if using the new JSX transform
// "superop/react-native", // Uncomment if using React Native
"superop/jest",
"superop/react-jest" // Uncommnet if using React
]
}
yarn add --dev eslint-plugin-mocha
.eslintrc
file:{
"extends": [
"superop",
// "superop/import-resolver-babel", // Uncomment if using directory alises
// "superop/typescript", // Uncomment if using TypeScript
// "superop/react", // Uncomment if using React
// "superop/react-new-jsx", // Uncomment if using the new JSX transform
// "superop/react-native", // Uncomment if using React Native
"superop/mocha",
]
}
This is all you need on your .prettierrc
file:
"eslint-config-superop/.prettierrc.js"
ESLint and Prettier both support ignore files, but they do not have an extend feature so you should copy and paste the following files inside your project folder:
Copy ignores to current folder:
cp -r node_modules/eslint-config-superop/.eslintignore .
cp -r node_modules/eslint-config-superop/.prettierignore .
This package also goes well with EditorConfig, just copy and paste .editorconfig inside your project folder.
Copy EditorConfig to current folder:
cp -r node_modules/eslint-config-superop/.editorconfig .
You might want to copy and paste the following scripts from our package.json:
To fix your files make sure you have the VS Code ESLint extension installed.
Add a .vscode
folder at the root of your project with this settings.json file.
The important parts are:
"[javascript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[typescript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
Would like to help make this package better? Please take a look at the contributing guidelines for a detailed explanation on how you can contribute.
I'd like thank my daily coffee!
FAQs
A Super Opinionated ESLint Shareable Config with Prettier
The npm package eslint-config-superop receives a total of 0 weekly downloads. As such, eslint-config-superop popularity was classified as not popular.
We found that eslint-config-superop demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.