wip: add 'react-dom/no-render'

Author: Rel1cx

packages/plugins/eslint-plugin-react-dom/src/rules/no-render.md

@@ -0,0 +1,65 @@
+---
+title: no-render
+---
+
+**Full Name in `eslint-plugin-react-dom`**
+
+```plain copy
+react-dom/no-render
+```
+
+**Full Name in `@eslint-react/eslint-plugin`**
+
+```plain copy
+@eslint-react/dom/no-render
+```
+
+**Features**
+
+`🔍` `🔄`
+
+**Presets**
+
+- `dom`
+- `recommended`
+- `recommended-typescript`
+- `recommended-type-checked`
+
+## What it does
+
+Replaces usages of `ReactDom.render()` with `createRoot(node).render()`.
+
+An **unsafe** codemod is available for this rule.
+
+## Examples
+
+### Failing
+
+```tsx
+import ReactDom from "react-dom";
+import Component from "Component";
+
+ReactDom.render(<Component />, document.getElementById("app"));
+```
+
+### Passing
+
+```tsx
+import { createRoot } from "react-dom/client";
+import ReactDom from "react-dom";
+import Component from "Component";
+
+const root = createRoot(document.getElementById("app"));
+root.render(<Component />);
+```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-render.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-render.spec.ts)
+
+## Further Reading
+
+---
+
+## See Also

packages/plugins/eslint-plugin-react-dom/src/rules/no-render.spec.ts

@@ -0,0 +1,26 @@
+import { ruleTester } from "../../../../../test";
+import rule, { RULE_NAME } from "./no-render";
+
+ruleTester.run(RULE_NAME, rule, {
+  invalid: [
+    {
+      code: /* tsx */ `
+        import ReactDom from "react-dom";
+        import Component from "Component";
+
+        ReactDom.render(<Component />, document.getElementById("app"));
+      `,
+      errors: [{ messageId: "noRender" }],
+    },
+  ],
+  valid: [
+    /* tsx */ `
+      import { createRoot } from "react-dom/client";
+      import ReactDom from "react-dom";
+      import Component from "Component";
+
+      const root = createRoot(document.getElementById("app"));
+      root.render(<Component />);
+    `,
+  ],
+});

packages/plugins/eslint-plugin-react-dom/src/rules/no-render.ts

@@ -0,0 +1,82 @@
+import type { RuleFeature } from "@eslint-react/shared";
+import { getSettingsFromContext } from "@eslint-react/shared";
+import { AST_NODE_TYPES as T } from "@typescript-eslint/types";
+import { compare } from "compare-versions";
+import type { CamelCase } from "string-ts";
+
+import { createRule } from "../utils";
+
+export const RULE_NAME = "no-render";
+
+export const RULE_FEATURES = [
+  "CHK",
+  "MOD",
+] as const satisfies RuleFeature[];
+
+export type MessageID = CamelCase<typeof RULE_NAME>;
+
+export default createRule<[], MessageID>({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "replace usages of 'ReactDom.render()' with 'createRoot(node).render()'",
+      [Symbol.for("rule_features")]: RULE_FEATURES,
+    },
+    fixable: "code",
+    messages: {
+      noRender: "[Deprecated] Use 'createRoot(node).render()' instead.",
+    },
+    schema: [],
+  },
+  name: RULE_NAME,
+  create(context) {
+    if (!context.sourceCode.text.includes("render")) return {};
+    const settings = getSettingsFromContext(context);
+    if (compare(settings.version, "19.0.0", "<")) {
+      return {};
+    }
+    const reactDomNames = new Set<string>();
+    const renderNames = new Set<string>();
+    return {
+      CallExpression(node) {
+        switch (true) {
+          case node.callee.type === T.Identifier && renderNames.has(node.callee.name):
+            context.report({
+              messageId: "noRender",
+              node,
+            });
+            return;
+          case node.callee.type === T.MemberExpression
+            && node.callee.object.type === T.Identifier
+            && reactDomNames.has(node.callee.object.name)
+            && node.callee.property.type === T.Identifier
+            && node.callee.property.name === "render":
+            context.report({
+              messageId: "noRender",
+              node,
+            });
+            return;
+        }
+      },
+      ImportDeclaration(node) {
+        const [baseSource] = node.source.value.split("/");
+        if (baseSource !== "react-dom") return;
+        for (const specifier of node.specifiers) {
+          switch (specifier.type) {
+            case T.ImportSpecifier:
+              if (specifier.imported.type !== T.Identifier) continue;
+              if (specifier.imported.name === "render") {
+                renderNames.add(specifier.local.name);
+              }
+              continue;
+            case T.ImportDefaultSpecifier:
+            case T.ImportNamespaceSpecifier:
+              reactDomNames.add(specifier.local.name);
+              continue;
+          }
+        }
+      },
+    };
+  },
+  defaultOptions: [],
+});