entry.client

默认情况下，Remix 会为您处理客户端应用程序的水合。如果您想自定义此行为，可以运行 npx remix reveal 生成一个 app/entry.client.tsx（或 .jsx），它将优先使用。此文件是浏览器的入口点，负责水合服务器在您的服务器入口模块中生成的标记，但是您也可以在此处初始化任何其他客户端代码。

通常，此模块使用 ReactDOM.hydrateRoot 水合服务器在您的服务器入口模块中已生成的标记。

这是一个基本示例

import { RemixBrowser } from "@remix-run/react";
import { startTransition, StrictMode } from "react";
import { hydrateRoot } from "react-dom/client";

startTransition(() => {
  hydrateRoot(
    document,
    <StrictMode>
      <RemixBrowser />
    </StrictMode>
  );
});

这是浏览器中运行的第一段代码。您可以初始化客户端库、添加仅客户端的提供程序等。