eslint-config
This is a configuration for ESLint created by Hamid FzM, and it is intended to be used for React or NextJS projects that utilize TypeScript.
If you are working on a NextJS project, then please use the @hamidfzm/eslint-config/next
configuration.
Install
You can install this configuration using either npm or yarn. Here are the commands:
npm
npm install --save-dev @hamidfzm/eslint-config
yarn
yarn add -D @hamidfzm/eslint-config
Usage
To use this configuration, you need to add an extends property in your .eslintrc.js
file with the value of @hamidfzm
. Here's an example:
Typical React Project with TypeScript
module.exports = {
extends: '@hamidfzm',
};
React Project with NextJS
module.exports = {
extends: '@hamidfzm/next',
};
React Native Project
module.exports = {
extends: '@hamidfzm/react-native',
};
Additionally, if you want to use Prettier, you can add a .prettierrc.js
file with your desired settings. Here's an example:
module.exports = {
singleQuote: true,
tabWidth: 2,
trailingComma: 'all',
useTabs: false,
};