You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: apps/website/content/docs/roadmap.md
+10Lines changed: 10 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,6 +20,7 @@ title: Roadmap
20
20
-[x]`no-component-will-update`
21
21
-[x]`no-context-provider`
22
22
-[x]`no-forward-ref`
23
+
-[ ]`no-string-refs`
23
24
24
25
### Add auto-fix feature to rules that can be auto-fixed safely
25
26
@@ -48,6 +49,15 @@ title: Roadmap
48
49
49
50
### New Rules
50
51
52
+
-[x]`no-context-provider` - Replaces usages of `<Context.Provider>` with `<Context>` (React 19).
53
+
-[x]`no-forward-ref` - Replaces usages of `forwardRef` with passing `ref` as a prop (React 19).
54
+
-[x]`no-use-context` - Replaces usages of `useContext` with `use` (React 19).
55
+
-[ ]`react-dom/no-render` - Replaces usages of `ReactDom.render()` with `createRoot(node).render()` (React 19).
56
+
-[ ]`react-dom/no-hydrate` - Replaces usages of `ReactDom.hydrate()` with `hydrateRoot()` (React 19).
57
+
-[ ]`react-dom/no-unmount-component-at-node` - Replaces usages of `ReactDom.unmountComponentAtNode()` with `root.unmount()` (React 19).
58
+
-[ ]`react-dom/no-use-form-state` - Replaces the usages of `useFormState()` to use `useActionState()` (React 19).
59
+
-[ ]`react-dom/no-test-utils-act` - Replaces the usages of `TestUtils.act()` to use `React.act()` (React 19).
60
+
-[x]`naming-convention/context-name` - Enforces context name to be a valid component name with the suffix `Context` (React 19).
51
61
-[ ]`function-component-definition` - Enforce the definition of function components ([Rel1cx/eslint-react#739](https://github.com/Rel1cx/eslint-react/issues/739)).
52
62
-[ ]`hooks-extra/no-circular-effect` - Detect circular `set` (and `dispatch`) functions and deps patterns in `useEffect` like Hooks ([Rel1cx/eslint-react#755](https://github.com/Rel1cx/eslint-react/issues/755))
Copy file name to clipboardExpand all lines: apps/website/content/docs/rules/overview.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -33,16 +33,16 @@ full: true
33
33
|[`no-clone-element`](./no-clone-element)| 1️⃣ |`🔍`| Prevents using `cloneElement`. ||
34
34
|[`no-comment-textnodes`](./no-comment-textnodes)| 1️⃣ |`🔍`| Prevents comments from being inserted as text nodes. ||
35
35
|[`no-complex-conditional-rendering`](./no-complex-conditional-rendering)| 0️⃣ |`🔍`| Prevents complex conditional rendering in JSX. ||
36
-
|[`no-component-will-mount`](./no-component-will-mount)| 2️⃣ |`🔍``🔄`| Replaces `componentWillMount` with `UNSAFE_componentWillMount`.| >=16.3.0 |
37
-
|[`no-component-will-receive-props`](./no-component-will-receive-props)| 2️⃣ |`🔍``🔄`| Replaces `componentWillReceiveProps` with `UNSAFE_componentWillReceiveProps`.| >=16.3.0 |
38
-
|[`no-component-will-update`](./no-component-will-update)| 2️⃣ |`🔍``🔄`| Replaces `componentWillUpdate` with `UNSAFE_componentWillUpdate`.| >=16.3.0 |
39
-
|[`no-context-provider`](./no-context-provider)| 1️⃣ |`🔍``🔄`| Replaces `<Context.Provider>` with `<Context>`.| >=19.0.0 |
36
+
|[`no-component-will-mount`](./no-component-will-mount)| 2️⃣ |`🔍``🔄`| Replaces usages of `componentWillMount` with `UNSAFE_componentWillMount`. | >=16.3.0 |
37
+
|[`no-component-will-receive-props`](./no-component-will-receive-props)| 2️⃣ |`🔍``🔄`| Replaces usages of `componentWillReceiveProps` with `UNSAFE_componentWillReceiveProps`. | >=16.3.0 |
38
+
|[`no-component-will-update`](./no-component-will-update)| 2️⃣ |`🔍``🔄`| Replaces usages of `componentWillUpdate` with `UNSAFE_componentWillUpdate`. | >=16.3.0 |
39
+
|[`no-context-provider`](./no-context-provider)| 1️⃣ |`🔍``🔄`| Replaces usages of `<Context.Provider>` with `<Context>`. | >=19.0.0 |
40
40
|[`no-create-ref`](./no-create-ref)| 2️⃣ |`🔍`| Prevents using `createRef`. ||
41
41
|[`no-default-props`](./no-default-props)| 2️⃣ |`🔍`| Prevents using `defaultProps` property in favor of ES6 default parameters. ||
42
42
|[`no-direct-mutation-state`](./no-direct-mutation-state)| 2️⃣ |`🔍`| Prevents direct mutation of `this.state`. ||
43
43
|[`no-duplicate-jsx-props`](./no-duplicate-jsx-props)| 1️⃣ |`🔍`| Prevents duplicate props in JSX. ||
44
44
|[`no-duplicate-key`](./no-duplicate-key)| 2️⃣ |`🔍`| Prevents duplicate `key` on elements in the same array or a list of `children`. ||
45
-
|[`no-forward-ref`](./no-forward-ref)| 1️⃣ |`🔍``🔄`| Replaces `forwardRef` with passing `ref` as a prop.| >=19.0.0 |
45
+
|[`no-forward-ref`](./no-forward-ref)| 1️⃣ |`🔍``🔄`| Replaces usages of `forwardRef` with passing `ref` as a prop. | >=19.0.0 |
46
46
|[`no-implicit-key`](./no-implicit-key)| 1️⃣ |`🔍`| Prevents `key` from not being explicitly specified (e.g. spreading `key` from objects). ||
47
47
|[`no-leaked-conditional-rendering`](./no-leaked-conditional-rendering)| 1️⃣ |`🔍``💭`| Prevents problematic leaked values from being rendered. ||
48
48
|[`no-missing-component-display-name`](./no-missing-component-display-name)| 0️⃣ |`🔍`| Enforces that all components have a `displayName` which can be used in devtools. ||
@@ -62,7 +62,7 @@ full: true
62
62
|[`no-unstable-default-props`](./no-unstable-default-props)| 1️⃣ |`🔍`| Prevents using referential-type values as default props in object destructuring. ||
63
63
|[`no-unused-class-component-members`](./no-unused-class-component-members)| 1️⃣ |`🔍`| Warns unused class component methods and properties. ||
64
64
|[`no-unused-state`](./no-unused-state)| 1️⃣ |`🔍`| Warns unused class component state. ||
65
-
|[`no-use-context`](./no-use-context)| 1️⃣ |`🔍``🔄`| Replaces `useContext` with `use`.| >=19.0.0 |
65
+
|[`no-use-context`](./no-use-context)| 1️⃣ |`🔍``🔄`| Replaces usages of `useContext` with `use`. | >=19.0.0 |
66
66
|[`no-useless-fragment`](./no-useless-fragment)| 1️⃣ |`🔍``🔧``⚙️`| Prevents using useless `fragment` components or `<>` syntax. ||
67
67
|[`prefer-destructuring-assignment`](./prefer-destructuring-assignment)| 0️⃣ |`🔍`| Enforces using destructuring assignment over property assignment. ||
68
68
|[`prefer-react-namespace-import`](./prefer-react-namespace-import)| 0️⃣ |`🔍``🔧`| Enforces React is imported via a namespace import ||
Copy file name to clipboardExpand all lines: packages/plugins/eslint-plugin-react-x/src/rules/no-component-will-mount.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -27,7 +27,7 @@ react-x/no-component-will-mount
27
27
28
28
## What it does
29
29
30
-
Replaces `componentWillMount` with `UNSAFE_componentWillMount`.
30
+
Replaces usages of `componentWillMount` with `UNSAFE_componentWillMount`.
31
31
32
32
This API has been renamed from `componentWillMount` to `UNSAFE_componentWillMount`. The old name has been deprecated. In a future major version of React, only the new name will work.
33
33
@@ -81,6 +81,6 @@ class MyComponent extends React.Component<MyComponentProps> {
Replaces `componentWillReceiveProps` with `UNSAFE_componentWillReceiveProps`.
30
+
Replaces usages of `componentWillReceiveProps` with `UNSAFE_componentWillReceiveProps`.
31
31
32
32
This API has been renamed from `componentWillReceiveProps` to `UNSAFE_componentWillReceiveProps`. The old name has been deprecated. In a future major version of React, only the new name will work.
33
33
@@ -73,6 +73,6 @@ class MyComponent extends React.Component {
Replaces `componentWillUpdate` with `UNSAFE_componentWillUpdate`.
30
+
Replaces usages of `componentWillUpdate` with `UNSAFE_componentWillUpdate`.
31
31
32
32
This API has been renamed from `componentWillUpdate` to `UNSAFE_componentWillUpdate`. The old name has been deprecated. In a future major version of React, only the new name will work.
33
33
@@ -73,6 +73,6 @@ class MyComponent extends React.Component {
0 commit comments