@manbearwiz/eslint-plugin-rxjs-angular

This package contains ESLint versions of the Angular/RxJS rules that are in the rxjs-tslint-rules package.

There is no recommended configuration for this package, as all of the rules are opinionated.

Install

Install the ESLint TypeScript parser using npm:

npm install @typescript-eslint/parser --save-dev

Install the package using npm:

npm install @manbearwiz/eslint-plugin-rxjs-angular --save-dev

Configure the parser and the parserOptions for ESLint. Here, I use a .eslintrc.js file for the configuration:

1const { join } = require("path");
2module.exports = {
3  parser: "@typescript-eslint/parser",
4  parserOptions: {
5    ecmaVersion: 2019,
6    project: join(__dirname, "./tsconfig.json"),
7    sourceType: "module"
8  },
9  plugins: ["rxjs-angular"],
10  extends: [],
11  rules: {
12    "rxjs-angular/prefer-async-pipe": "error"
13  }
14};

Rules

The package includes the following rules:

Rule	Description	Recommended
prefer-async-pipe	Forbids the calling of subscribe within Angular components.	No
prefer-composition	Forbids subscribe calls that are not composed within Angular components (and, optionally, within services, directives, and pipes).	No
prefer-takeuntil	Forbids Calling subscribe without an accompanying takeUntil.	No