Skip to content

Simple starter lint / formatter config that can be imported and used to have an instant opinionated ESLint / Prettier set up

License

Notifications You must be signed in to change notification settings

kingston/ktam-tools

Repository files navigation

Linting and Prettier Configuration Packages

This repository contains shared configurations for ESLint and Prettier to make it easier to share configs between projects targetted at modern ESM Node.JS/React apps.

The repository is structured into two packages, each serving a different project type:

1. @ktam/lint-node

This package provides ESLint and Prettier configurations tailored for ESM Node.js applications that do not use React.

Features:

  • ESLint configuration for Node.js environments.
  • Prettier setup for code formatting.

Installation:

pnpm add -D @ktam/lint-node

Usage:

ESLint Configuration

To use the ESLint configuration, create an eslint.config.js in the root of your project and import the configuration:

export { default } from '@ktam/lint-node/eslint';

You can adjust or extend the configuration if needed by modifying the imported rules.

Prettier Configuration

To apply the Prettier configuration, create a prettier.config.js file in the root of your project and import the configuration:

export { default } from '@ktam/lint-node/prettier';

2. @ktam/lint-react

This package provides ESLint and Prettier configurations specifically for React and Astro applications, extending the base Node.js configuration with React-specific rules and practices.

Features:

  • ESLint rules for React, JSX, and modern JavaScript/TypeScript.
  • Integration with popular React linting plugins.
  • Prettier setup that works with React and JSX.
  • Astro support.

Installation:

pnpm add -D @ktam/lint-react

Usage:

ESLint Configuration

To use the ESLint configuration, create an eslint.config.js in the root of your project and import the configuration:

export { default } from '@ktam/lint-react/eslint';

You can adjust or extend the configuration if needed by modifying the imported rules.

Prettier Configuration

To apply the Prettier configuration, create a prettier.config.js file in the root of your project and import the configuration:

export { default } from '@ktam/lint-react/prettier';

Contributing

Feel free to contribute by opening issues or submitting pull requests! Though note that it's a personal config so I may have differeing opinions.

License

This project is licensed under the MIT License.

About

Simple starter lint / formatter config that can be imported and used to have an instant opinionated ESLint / Prettier set up

Resources

License

Stars

Watchers

Forks

Packages

No packages published