Performance-minded React linting rules for ESLint
$ npm i eslint-plugin-react-perf
Add plugins
section and specify eslint-plugin-react-perf as a plugin.
{
"plugins": [
"react-perf"
]
}
- react-perf/jsx-no-new-object-as-prop: Prevent
{...}
as JSX prop value - react-perf/jsx-no-new-array-as-prop: Prevent
[...]
as JSX prop value - react-perf/jsx-no-new-function-as-prop: Prevent
function
as JSX prop value - react-perf/jsx-no-jsx-as-prop: Prevent JSX as JSX prop value
This plugin exports a recommended
configuration that enforce React good practices.
To enable this configuration use the extends
property in your .eslintrc
config file:
{
"extends": ["plugin:react-perf/recommended"]
}
See ESLint documentation for more information about extending configuration files.
The rules enabled in this configuration are:
- react-perf/jsx-no-new-object-as-prop
- react-perf/jsx-no-new-array-as-prop
- react-perf/jsx-no-new-function-as-prop
- react-perf/jsx-no-jsx-as-prop
This plugin also exports an all
configuration that includes every available rule.
{
"plugins": [
"react-perf"
],
"extends": ["plugin:react-perf/all"]
}
eslint-plugin-react-perf is licensed under the MIT License.