Code Style Rules
for React Projects
81 custom ESLint rules for enforcing consistent code formatting in React and JSX projects. 71 auto-fixable, 20 configurable, zero dependencies.
npm install -D eslint-plugin-code-styleWhy eslint-plugin-code-style?
and Built by ESLint existing fill gaps left plugins. Prettier the to
Auto-Fixable Rules
71 of 81 rules come with auto-fix support. Run eslint --fix and watch your code snap into shape.
React & JSX First
Purpose-built for React projects. JSX formatting, component conventions, hook patterns, and prop naming.
ESLint v9+ Flat Config
Designed for the modern flat config system. No legacy .eslintrc files needed.
Zero Dependencies
No external runtime dependencies. Lightweight and fast, with no supply-chain concerns.
TypeScript Support
9 TypeScript-specific rules for enums, interfaces, type annotations, and prop naming.
Ready-to-Use Configs
4 preset configs for React, React+TypeScript, React+Tailwind, and React+TypeScript+Tailwind.
17 Rule Categories
Rules are organized into logical categories for easy discovery and configuration.
Quick Start
Get up and running in under a minute.
Install
npm install -D eslint-plugin-code-styleConfigure
import codeStyle from "eslint-plugin-code-style"; export default [ codeStyle.configs.react,];Using TypeScript? Use react-ts instead:
import codeStyle from "eslint-plugin-code-style"; export default [ codeStyle.configs["react-ts"],];Lint
npx eslint . --fix