Todos() — react Function Reference

Architecture documentation for the Todos() function in Todos.tsx from the react codebase.

Function tsx BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ Todos() — react Function Reference

Dependency Diagram

graph TD
  2c959847_ad25_0874_2f83_d81cc11fc475["Todos()"]
  c3489d06_1452_f7f8_d28f_240d296f1926["Todos.tsx"]
  2c959847_ad25_0874_2f83_d81cc11fc475 -->|defined in| c3489d06_1452_f7f8_d28f_240d296f1926
  style 2c959847_ad25_0874_2f83_d81cc11fc475 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight-parcel/src/Todos.tsx lines 10–33

export async function Todos({id}: {id?: number}) {
  return (
    <html style={{colorScheme: 'dark light'}}>
      <head>
        <title>Todos</title>
      </head>
      <body>
        <header>
          <h1>Todos</h1>
          <Dialog trigger="+">
            <h2>Add todo</h2>
            <TodoCreate />
          </Dialog>
        </header>
        <main>
          <div className="todo-column">
            <TodoList id={id} />
          </div>
          {id != null ? <TodoDetail key={id} id={id} /> : <p>Select a todo</p>}
        </main>
      </body>
    </html>
  );
}