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,
};