Roadmap

Milestone 2.0

System Requirements

Minimum supported versions:

• Node.js: 20.19.0
• ESLint: 9.24.0
• TypeScript: 4.9.5

Package Distribution

• Publish ESM-Only packages

Plugins (with ecological niche explanation)

• eslint-plugin-react-x - X Rules (renderer-agnostic, compatible with x-platform)
• eslint-plugin-react-dom - DOM Specific rules for React DOM
• eslint-plugin-react-web-api - Rules for interacting with Web APIs
• eslint-plugin-react-naming-convention - Naming convention rules designed for React projects
• ... (Free to combine with other plugins from the community)

Add codemod feature to rules that can be transformed (using auto-fix) safely

• no-component-did-update
• no-component-will-receive-props
• no-component-will-update
• no-context-provider
• no-forward-ref
• no-string-refs

Add auto-fix feature to rules that can be auto-fixed safely

• function-component-definition
• prefer-namespace-import

Add suggestion-fix feature to rules that can be fixed interactively

• dom/no-missing-button-type
• dom/no-missing-iframe-sandbox
• dom/no-unsafe-iframe-sandbox
• dom/no-unsafe-target-blank

New Rules

• jsx-no-comment-textnodes - Disallow text nodes with comments in JSX (Replaces no-comment-textnodes)
• no-context-provider - Replaces usages of <Context.Provider> with <Context> (React 19)
• no-forward-ref - Replaces usages of forwardRef with passing ref as a prop (React 19)
• no-use-context - Replaces usages of useContext with use (React 19)
• prefer-namespace-import - Enforces the use of namespace imports for React (Replaces prefer-react-namespace-import)
• react-dom/no-unmount-component-at-node - Replaces usages of ReactDom.unmountComponentAtNode() with root.unmount() (React 19)
• react-dom/no-hydrate - Replaces usages of ReactDom.hydrate() with hydrateRoot() (React 19)
• react-dom/no-render - Replaces usages of ReactDom.render() with createRoot(node).render() (React 19)
• react-dom/no-use-form-state - Replaces the usages of useFormState() to use useActionState() (React 19)
• react-dom/prefer-namespace-import - Enforces the use of namespace imports for ReactDOM
• naming-convention/context-name - Enforces context name to be a valid component name with the suffix Context (React 19)
• function-component-definition - Enforce the definition of function components (Rel1cx/eslint-react#739)
• no-circular-effect - Detect circular set (and dispatch) functions and deps patterns in useEffect like Hooks (Rel1cx/eslint-react#755)

Removed Plugins

• eslint-plugin-react-hooks-extra - Extra rules for eslint-plugin-react-hooks - Merged into eslint-plugin-react-x

Removed Rules

• avoid-shorthand-boolean - Replaced by jsx-shorthand-boolean
• avoid-shorthand-fragment - Replaced by jsx-shorthand-fragment
• no-comment-textnodes - Replaced by jsx-no-comment-textnodes
• prefer-react-namespace-import - Replaced by prefer-namespace-import
• prefer-shorthand-boolean - Replaced by jsx-shorthand-boolean
• prefer-shorthand-fragment - Replaced by jsx-shorthand-fragment