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>
  );
});

這是瀏覽器中執行的第一個程式碼片段。您可以初始化用戶端程式庫、新增僅限用戶端的供應商等等。