šŸš€ Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
Book a DemoInstallSign in
Socket

eslint-plugin-react-extras

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

eslint-plugin-react-extras

Adds extra rules for React and Typescript

1.0.2
latest
Source
npm
Version published
Weekly downloads
72
-34.55%
Maintainers
1
Weekly downloads
Ā 
Created
Source

eslint-plugin-react-extras

This ESLint plugin provides additional rules for projects using React and TypeScript, aiming to enhance code quality and maintainability by enforcing best practices and stylistic conventions.

Description

eslint-plugin-react-extras introduces extra linting rules for React and TypeScript projects to catch common mistakes and enforce best practices. This package focuses on improving the developer experience by providing clear and concise feedback on potential issues in your React codebase.

Installation

You'll need to have ESLint installed. If you haven't installed ESLint yet, you can do it by running:

npm install --save-dev eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-plugin-react-extras

Usages

Add eslint-plugin-react-extras to the plugins section of your .eslintrc configuration file. Then, configure the rules you want to use under the rules section.

{
  "plugins": ["react-extras"],
  "parser": "@typescript-eslint/parser",
  "rules": {
    "react-extras/ban-props-with-children": "error"
  }
}

Rules

ban-props-with-children

Disallow using React.ComponentWithProps with arguments.

Examples 🚫 Example of incorrect code for this rule:

type MyComponentProps = React.PropsWithChildren<{}>;

āœ… Example of correct code for this rule:

type MyComponentProps = {
  children: React.ReactNode
};

type MyComponentProps = React.PropsWithChildren;

FAQs

Package last updated on 09 Feb 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts