ESLint rules for Angular zoneless.

Checks that a zoneless application does not use zone.js-based features and that signals/resources patterns are used, for example:

• no zone.js import and provider
• no zone.js testing functions like fakeAsync()
• no NgZone
• no public or protected writable properties in components
• no ChangeDectectionStrategy.Eager
• no @Input() and other decorators, to enforce input() and other signal equivalents
• no ngOnInit() and other component lifecycle methods, to enforce using signals and resources patterns

A blog post on Dev.to explains the context and the purpose of this tool in more details.

• TypeScript ESLint v8
• New flat ESLint configuration (eslint.config.js or equivalent)

1. Installation

npm install angular-eslint-zoneless --save-dev

2. ESLint flat configuration (eslint.config.js or equivalent)

const eslint = require("@eslint/js");
const { defineConfig } = require("eslint/config");
const tsEslint = require("typescript-eslint");
const angularEslintZoneless = require("angular-eslint-zoneless"); // ⬅️ add this

module.exports = defineConfig({
  files: ["**/*.ts"],
  languageOptions: {
    parserOptions: {
      projectService: true,
    },
  },
  extends: [
    eslint.configs.recommended,
    tsEslint.configs.strictTypeChecked,
    tsEslint.configs.stylisticTypeChecked,
    angularEslintZoneless.configs.recommended, // ⬅️ add this (or one of the other presets below)
  ],
  rules: {},
});

3. npm run lint

There are 3 presets available:

• minimal: restrict what really does not work without zone.js
• recommended: minimal + enforce signals patterns
• strict: recommended + go even further in signals patterns

Why not in Angular ESLint?

I proposed a Pull Request on another topic, but it has been ignored for months, then rejected without a reason. So I decided to publish rules by myself.

Is Angular ESLint required?

No, these rules only depends on TypeScript ESLint.

Is typed linting required?

Typed linting is not required for now, but it could change in the future.

Is adding a plugin making the project heavier?

No, the package has 0 dependency. It just add lint rules using TypeScript ESLint, which is already installed in the project.

MIT