Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
eslint-config-productsway
Advanced tools
[![Version](https://img.shields.io/npm/v/eslint-config-productsway.svg)](https://www.npmjs.com/package/eslint-config-productsway) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#) [![Twitter: jellydn](https://img.shields.io/twitter
Enhance your code quality with XO's ESLint config, further augmented with TypeScript and Prettier support.
npx install-peerdeps --dev eslint-config-productsway
Create a .eslintrc.cjs
file at the root of your project's directory.
For TypeScript projects:
module.exports = {
extends: ['productsway/typescript'],
};
For TypeScript and React projects:
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: ['productsway/react'],
ignorePatterns: ['dist', '.eslintrc.cjs', 'vite.config.ts'],
parserOptions: {
project: ['./tsconfig.json', './tsconfig.node.json'],
},
rules: {},
};
If your project uses TypeScript, ensure to configure the ESLint TypeScript parser by specifying your tsconfig.json
files in the parserOptions.project
array:
module.exports = {
extends: ['productsway/typescript'], // or 'productsway/react' for TypeScript and React
parserOptions: {
project: ['./tsconfig.json', './tsconfig.node.json'], // include all your tsconfig.json files here
}
};
From your project's root directory, execute:
npx eslint . --ext .js,.jsx,.ts,.tsx
For Vite React App, include .ts and .tsx extensions and report unused disable directives:
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
For Next.js projects, you can use the following configuration in your .eslintrc.json
file:
{
"extends": ["productsway/react", "plugin:@next/next/recommended"]
}
Please note: You need to install eslint-config-next
to use the recommended ESLint configuration for Next.js.
For consistent import ordering, utilize the trivago/prettier-plugin-sort-imports plugin.
In your .prettierrc.js
file:
module.exports = {
...
"importOrder": ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
"importOrderSeparation": true,
"importOrderSortSpecifiers": true,
"plugins": ["@trivago/prettier-plugin-sort-imports"]
}
👤 Huynh Duc Dung
If this project assists you, give it a ⭐️!
FAQs
[![Version](https://img.shields.io/npm/v/eslint-config-productsway.svg)](https://www.npmjs.com/package/eslint-config-productsway) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#) [![Twitter: jellydn](https://img.shields.io/twitter
We found that eslint-config-productsway demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers 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
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.