Installations

npm install eslint-plugin-react-etc

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

14.18.0

NPM Version

6.14.15 Score

58.3

Supply Chain

84.1

Quality

71.3

Maintenance

100

Vulnerability

96.1

License

Pull Requests

Open

1

Total

1

Closed

0

Issues

Open

0

Total

2

Closed

2

Releases

Unable to fetch releases

Contributors

1

Unable to fetch Contributors

View All 1 Contributors

Languages

2

TypeScript

Shell

TypeScript (99.76%)

Shell (0.24%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

cartant

Download Statistics

Total Downloads

88,617

Last Day

3

Last Week

64

Last Month

369

Last Year

27,731

GitHub Statistics

MIT License

16 Stars

91 Commits

1 Forks

3 Watchers

3 Branches

1 Contributors

Updated on Aug 05, 2023

Bundle Size

1.06 kB

Minified

590.00 B

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

2.0.1

Package Id

eslint-plugin-react-etc@2.0.1

Unpacked Size

29.67 kB

Size

14.50 kB

File Count

21

NPM Version

6.14.15

Node Version

14.18.0

Published on

May 10, 2023

Total Downloads

Cumulative downloads

Total Downloads

88,617

Last Day

-25%

3

Compared to previous day

Last Week

-13.5%

64

Compared to previous week

Last Month

16.4%

369

Compared to previous month

Last Year

15.3%

27,731

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

5

@typescript-eslint/experimental-utils eslint-etc requireindex tslib tsutils

Peer Dependencies

2

eslint typescript

Dev Dependencies

17

@cartant/eslint-config @types/chai @types/common-tags @types/eslint @types/mocha @types/node @typescript-eslint/parser chai common-tags eslint husky lint-staged mocha prettier rimraf ts-node typescript

eslint-plugin-react-etc

This package will eventually contain a bunch of ESLint rules - some of which will require the use of TypeScript - to highlight potential problems or poor practices in React. As a starting point, there is a single rule - prefer-usememo - but you can expect more rules to be added in future releases, as I have a bunch of ideas that I want to explore.

Some of the rules will be rather opinionated and won't be included in the recommended configuration. Developers can decide for themselves whether they want to enable opinionated rules.

Install

Install the package using npm:

npm install eslint-plugin-react-etc --save-dev

Some of the rules in this package require the ESLint TypeScript parser (indicated in the table below). If you intend to use those rules, install the parser using npm:

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

And then 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: 2020,
6    project: join(__dirname, "./tsconfig.json"),
7    sourceType: "module"
8  },
9  plugins: ["react-etc"],
10  extends: [],
11  rules: {
12    "react-etc/prefer-usememo": "error"
13  }
14};

Or, using the recommended 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  extends: ["plugin:react-etc/recommended"],
10};

Rules

The package includes the following rules:

Rule	Description	TS-only	Recommended
`prefer-usememo`	Forbids `useEffect` when `useMemo` should suffice. It's an implementation of the rule that Sophie Alpert mentioned in this tweet.	No	Yes
`no-unstable-context-selector`	Forbids passing functions that return unstable values to `useContextSelector`.	No	Yes

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-02-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to eslint-plugin-react-etc

eslint-plugin-react-etc

Installations

Developer Guide

No

CommonJS

14.18.0

6.14.15

Score

Pull Requests

1

1

0

Issues

0

2

2

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

Languages

Developer

cartant

Download Statistics

GitHub Statistics

Bundle Size

1.06 kB

590.00 B

Maintainers

Package Meta Information

Total Downloads

88,617

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

eslint-plugin-react-etc

Install

Rules

10

10

0

0

0

0

0

0

0

0

1.7

/10