Rules Overview

JSX

• jsx/max-depth - enforce a maximum depth that JSX can be nested
• jsx/no-array-index-key - disallow using Array index as key
• jsx/no-comment-textnodes - disallow comments from being inserted as text nodes
• jsx/no-complicated-conditional-rendering - disallow complicated conditional rendering
• jsx/no-duplicate-key - disallow duplicate keys in key prop when rendering list
• jsx/no-leaked-conditional-rendering - disallow problematic leaked values from being rendered
• jsx/no-missing-key - require key prop when rendering list
• jsx/no-spreading-key - disallow spreading key from objects.
• jsx/no-useless-fragment - disallow unnecessary fragments
• jsx/prefer-shorthand-boolean - enforce boolean attributes notation in JSX
• jsx/prefer-shorthand-fragment - enforce using fragment syntax instead of Fragment component

React

• react/ensure-forward-ref-using-ref - requires that components wrapped with forwardRef must have a ref parameter
• react/no-children-count - disallow Children.count
• react/no-children-for-each - disallow Children.forEach
• react/no-children-in-void-dom-elements - disallow passing children to void DOM elements
• react/no-children-map - disallow Children.map
• react/no-children-only - disallow Children.only
• react/no-children-prop - disallow passing of children as props
• react/no-children-to-array - disallow Children.toArray
• react/no-class-component - disallow class component
• react/no-clone-element - disallow cloneElement
• react/no-component-will-mount - disallow componentWillMount
• react/no-component-will-receive-props - disallow componentWillReceiveProps
• react/no-component-will-update - disallow componentWillUpdate
• react/no-constructed-context-value - disallow passing constructed values to context providers
• react/no-create-ref - disallow createRef in function components
• react/no-dangerously-set-innerhtml - disallow when a DOM element is using dangerouslySetInnerHTML
• react/no-dangerously-set-innerhtml-with-children - disallow when a DOM element is using both children and dangerouslySetInnerHTML
• react/no-direct-mutation-state - disallow direct mutation of this.state
• react/no-find-dom-node - disallow findDOMNode
• react/no-missing-button-type - enforce that button elements have an explicit type attribute
• react/no-missing-component-display-name - enforce displayName for memo and forwardRef components
• react/no-missing-iframe-sandbox - enforce that iframe elements explicitly specify a sandbox attribute
• react/no-namespace - enforce that namespaces are not used in React elements
• react/no-redundant-should-component-update - disallow usage of shouldComponentUpdate in class component extends React.PureComponent
• react/no-render-return-value - disallow usage of the return value of ReactDOM.render
• react/no-script-url - disallow javascript: URLs as JSX event handler prop's value
• react/no-set-state-in-component-did-mount - disallow usage of this.setState in componentDidMount
• react/no-set-state-in-component-did-update - disallow usage of this.setState in componentDidUpdate
• react/no-set-state-in-component-will-update - disallow usage of this.setState in componentWillUpdate
• react/no-string-refs - disallow using deprecated string refs
• react/no-unsafe-component-will-mount - disallow usage of UNSAFE_componentWillMount in class components
• react/no-unsafe-component-will-receive-props - disallow usage of UNSAFE_componentWillReceiveProps in class components
• react/no-unsafe-component-will-update - disallow usage of UNSAFE_componentWillUpdate in class components
• react/no-unsafe-iframe-sandbox - disallow unsafe iframe sandbox attribute combinations
• react/no-unsafe-target-blank - disallow target="_blank" without rel="noreferrer noopener"
• react/no-unstable-default-props - disallow usage of unstable value as default param in function component
• react/no-unstable-nested-components - disallow usage of unstable nested components
• react/prefer-destructuring-assignment - enforce using destructuring assignment in component props and context

React Hooks

• react-hooks/ensure-custom-hooks-using-other-hooks - enforce custom hooks using other hooks
• react-hooks/ensure-use-callback-has-non-empty-deps - enforce useCallback has non-empty dependencies array
• react-hooks/ensure-use-memo-has-non-empty-deps - enforce useMemo has non-empty dependencies array
• react-hooks/prefer-use-state-lazy-initialization - disallow function calls in useState that aren't wrapped in an initializer

Naming Convention

• naming-convention/component-name - enforce component naming convention to PascalCase or CONSTANT_CASE
• naming-convention/filename - enforce naming convention for JSX file names
• naming-convention/filename-extension - enforce naming convention for JSX file extensions
• naming-convention/use-state - enforce destructuring and symmetric naming of useState hook value and setter variables

Debug

• debug/class-component - report all class components, including anonymous ones
• debug/function-component - report all function components, including anonymous ones
• debug/react-hooks - report all React Hooks