Root() — vite Function Reference

Architecture documentation for the Root() function in root.tsx from the vite codebase.

Function tsx ViteCore ConfigEngine

Entity Profile

ViteCore→ ConfigEngine→ Root() — vite Function Reference

Dependency Diagram

graph TD
  fbbdebb9_341f_50e9_2a8a_99838270f664["Root()"]
  f3ac8f71_df40_6a45_d1ab_51a2042d3e19["root.tsx"]
  fbbdebb9_341f_50e9_2a8a_99838270f664 -->|defined in| f3ac8f71_df40_6a45_d1ab_51a2042d3e19
  style fbbdebb9_341f_50e9_2a8a_99838270f664 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

playground/environment-react-ssr/src/root.tsx lines 3–19

export default function Root() {
  const [count, setCount] = React.useState(0)

  const [hydrated, setHydrated] = React.useState(false)
  React.useEffect(() => {
    setHydrated(true)
  }, [])

  return (
    <div>
      <div>hydrated: {String(hydrated)}</div>
      <div>Count: {count}</div>
      <button onClick={() => setCount((v) => v - 1)}>-1</button>
      <button onClick={() => setCount((v) => v + 1)}>+1</button>
    </div>
  )
}