About .eslintrc Generator

ESLint config for Node / TypeScript / React — commonjs output. Part of the DevTools Surf developer suite. Browse more tools in the Generators collection.

Use Cases

• Frontend leads initializing lint configs for new React projects
• Backend devs setting up Node.js linting with TypeScript support
• Teams migrating from TSLint to ESLint with preset generation
• CI pipeline builders adding auto-generated lint configs to repos

Tips

• Select TypeScript preset to include @typescript-eslint rules
• Add React plugin for JSX and hooks linting rules
• Output is CommonJS format for maximum ESLint compatibility

Fun Facts

• ESLint was created by Nicholas Zakas in June 2013 as a fully pluggable alternative to JSHint, which had limited extensibility.
• ESLint's plugin ecosystem has over 3,000 published npm packages, making it the most extensible JavaScript linting tool ever built.
• The migration from .eslintrc to eslint.config.js (flat config) began in ESLint v8.21 (2022) and became the default in v9, the biggest API change in the project's history.

FAQ

Which presets are supported?

Airbnb, Standard, Google, recommended ESLint rules, plus framework-specific (React, Vue, Next.js, TypeScript). Mix and match to taste.

TypeScript or JavaScript?

Both. For TS the generator includes @typescript-eslint/parser and the recommended ruleset. For pure JS omits the TS-specific rules.

Flat config or legacy?

ESLint 9+ flat config by default. Toggle to legacy `.eslintrc.js` for older projects. Flat config is the future.

Does it handle React, Vue, or Svelte?

Yes — framework plugins are added based on your toggle. Each pulls in the right rules and configures the parser correctly.