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

1npm install --save-dev @hamidfzm/eslint-config

yarn

1yarn 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

1module.exports = {
2  extends: '@hamidfzm',
3};

React Project with NextJS

1module.exports = {
2  extends: '@hamidfzm/next',
3};

React Native Project

1module.exports = {
2  extends: '@hamidfzm/react-native',
3};

Additionally, if you want to use Prettier, you can add a .prettierrc.js file with your desired settings. Here's an example:

1module.exports = {
2  singleQuote: true,
3  tabWidth: 2,
4  trailingComma: 'all',
5  useTabs: false,
6};