@stzhu/eslint-config NPM

@stzhu/eslint-config

A collection of ESLint configurations for TypeScript and React projects. This package provides a set of pre-configured ESLint rules that follow best practices and common coding standards.

Installation

pnpm i -D eslint @stzhu/eslint-config

Usage

Create an eslint.config.js file in your project root:

// @ts-check

import { defineConfig } from '@stzhu/eslint-config';
import tsConfig from '@stzhu/eslint-config/ts';

export default defineConfig(
  // select from one of the configs below
  ...tsConfig,
);

Available Configurations

Main Configs

Choose one of these based on your project type:

@stzhu/eslint-config/ts: TypeScript project configuration
@stzhu/eslint-config/react: React project configuration
@stzhu/eslint-config/node: Node.js project configuration
@stzhu/eslint-config/expo: Expo/React Native project configuration

Optional Configs

Add these as needed:

@stzhu/eslint-config/vitest: Vitest testing configuration
@stzhu/eslint-config/storybook: Storybook configuration
@stzhu/eslint-config/tailwind: Tailwind CSS configuration
@stzhu/eslint-config/lingui: Lingui internationalization configuration

Example Configurations

TypeScript Project

import { defineConfig } from '@stzhu/eslint-config';
import tsConfig from '@stzhu/eslint-config/ts';

export default defineConfig(...tsConfig);

React Project

import { defineConfig } from '@stzhu/eslint-config';
import reactConfig from '@stzhu/eslint-config/react';

export default defineConfig(...reactConfig);

React Project with Testing

import { defineConfig } from '@stzhu/eslint-config';
import reactConfig from '@stzhu/eslint-config/react';
import vitestConfig from '@stzhu/eslint-config/vitest';

export default defineConfig(...reactConfig, ...vitestConfig);

Expo Project with Tailwind

import { defineConfig } from '@stzhu/eslint-config';
import expoConfig from '@stzhu/eslint-config/expo';
import tailwindConfig from '@stzhu/eslint-config/tailwind';

export default defineConfig(...expoConfig, ...tailwindConfig);