ui Architecture Docs
Home / File/ __root.tsx — ui Source File

__root.tsx — ui Source File

Architecture documentation for __root.tsx, a tsx file in the ui codebase. 4 imports, 1 dependents.

File tsx ComponentRegistry Styles 4 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  de18f8a3_55c5_29b1_39c7_54d678d74690["__root.tsx"]
  1da3799d_e02f_07d0_8c1f_37bb0e81b686["../styles.css?url"]
  de18f8a3_55c5_29b1_39c7_54d678d74690 --> 1da3799d_e02f_07d0_8c1f_37bb0e81b686
  e5d49ad6_fd9e_ad2d_330d_6dcc2f90769d["react-router"]
  de18f8a3_55c5_29b1_39c7_54d678d74690 --> e5d49ad6_fd9e_ad2d_330d_6dcc2f90769d
  f1dd353c_d931_1a0d_bc71_dd6bf27d2498["react-router-devtools"]
  de18f8a3_55c5_29b1_39c7_54d678d74690 --> f1dd353c_d931_1a0d_bc71_dd6bf27d2498
  94b1af24_f007_89b2_3148_882cbde75ddd["react-devtools"]
  de18f8a3_55c5_29b1_39c7_54d678d74690 --> 94b1af24_f007_89b2_3148_882cbde75ddd
  b3267395_0892_c6e6_e5eb_e3e8bd966c15["routeTree.gen.ts"]
  b3267395_0892_c6e6_e5eb_e3e8bd966c15 --> de18f8a3_55c5_29b1_39c7_54d678d74690
  style de18f8a3_55c5_29b1_39c7_54d678d74690 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
import { TanStackDevtools } from '@tanstack/react-devtools'

import appCss from '../styles.css?url'

export const Route = createRootRoute({
  head: () => ({
    meta: [
      {
        charSet: 'utf-8',
      },
      {
        name: 'viewport',
        content: 'width=device-width, initial-scale=1',
      },
      {
        title: 'TanStack Start Starter',
      },
    ],
    links: [
      {
        rel: 'stylesheet',
        href: appCss,
      },
    ],
  }),

  shellComponent: RootDocument,
})

function RootDocument({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <HeadContent />
      </head>
      <body>
        {children}
        <TanStackDevtools
          config={{
            position: 'bottom-right',
          }}
          plugins={[
            {
              name: 'Tanstack Router',
              render: <TanStackRouterDevtoolsPanel />,
            },
          ]}
        />
        <Scripts />
      </body>
    </html>
  )
}

Domain

Subdomains

Functions

Dependencies

  • ../styles.css?url
  • react-devtools
  • react-router
  • react-router-devtools

Imported By

Source

Frequently Asked Questions

What does __root.tsx do?
__root.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, Styles subdomain.
What functions are defined in __root.tsx?
__root.tsx defines 1 function(s): RootDocument.
What does __root.tsx depend on?
__root.tsx imports 4 module(s): ../styles.css?url, react-devtools, react-router, react-router-devtools.
What files import __root.tsx?
__root.tsx is imported by 1 file(s): routeTree.gen.ts.
Where is __root.tsx in the architecture?
__root.tsx is located at templates/start-app/src/routes/__root.tsx (domain: ComponentRegistry, subdomain: Styles, directory: templates/start-app/src/routes).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free