An open API service indexing awesome lists of open source software.

https://github.com/monade/eslint-plugin-angular

A couple of quality-of-life eslint rules for Angular components.
https://github.com/monade/eslint-plugin-angular

Last synced: 8 months ago
JSON representation

A couple of quality-of-life eslint rules for Angular components.

Awesome Lists containing this project

README

          

![Tests](https://github.com/monade/eslint-plugin-angular/actions/workflows/test.yml/badge.svg)
[![npm version](https://badge.fury.io/js/@monade%2Feslint-plugin-angular.svg)](https://badge.fury.io/js/@monade%2Feslint-plugin-angular)

# @monade/eslint-plugin-angular
A couple of quality-of-life eslint rules for Angular components.

**THIS PROJECT IS UNDER ACTIVE DEVELOPMENT. IT MAY NOT WORK AS INTENDED**

## Usage

Install:

```bash
yarn add --dev @monade/eslint-plugin-angular
```

Add to your .eslint.js:
```javascript
plugins: [
...,
"@monade/angular"
]
...
rules: {
...,
"@monade/angular/remove-empty-styles": 2,
"@monade/angular/strategy-onpush": 2,
}
```

## Rules:
... **TODO** ...

## TODO:
* Document rules
* [Rule] When strategy is OnPush, show an error if there's a non-scalar property that is not ReadOnly<>
* [Rule] Component too long
* [Rule] Suggest strategy OnPush when the component is in the "components" folder
* [Rule] ADVANCED: Check if there's a reactivity bug with changeDetection: OnPush

## Contributing
You can use an AST view tool to debug the structure of some code parts:
* For Javascript: https://astexplorer.net/
* For Typescript: https://ts-ast-viewer.com/

About Monade
----------------

![monade](https://monade.io/wp-content/uploads/2021/06/monadelogo.png)

@monade/eslint-plugin-angular is maintained by [mònade srl](https://monade.io/en/home-en/).

We <3 open source software. [Contact us](https://monade.io/en/contact-us/) for your next project!