react Architecture Docs
Home / File/ TodoList.tsx — react Source File

TodoList.tsx — react Source File

Architecture documentation for TodoList.tsx, a tsx file in the react codebase. 4 imports, 1 dependents.

File tsx BabelCompiler Optimization 4 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  c0c08439_2d95_7b70_f20b_1bbbbdc9a402["TodoList.tsx"]
  ecd0fab8_8cce_e1b2_b31c_d05de8663169["TodoItem.tsx"]
  c0c08439_2d95_7b70_f20b_1bbbbdc9a402 --> ecd0fab8_8cce_e1b2_b31c_d05de8663169
  3c571e48_f75f_74ed_d20e_d5fa9cc70d2d["TodoItem"]
  c0c08439_2d95_7b70_f20b_1bbbbdc9a402 --> 3c571e48_f75f_74ed_d20e_d5fa9cc70d2d
  a2e3768b_191e_9986_afcb_87f97e20160d["actions.ts"]
  c0c08439_2d95_7b70_f20b_1bbbbdc9a402 --> a2e3768b_191e_9986_afcb_87f97e20160d
  98842fa7_bb50_842d_f839_f1155cf8c2a5["getTodos"]
  c0c08439_2d95_7b70_f20b_1bbbbdc9a402 --> 98842fa7_bb50_842d_f839_f1155cf8c2a5
  c3489d06_1452_f7f8_d28f_240d296f1926["Todos.tsx"]
  c3489d06_1452_f7f8_d28f_240d296f1926 --> c0c08439_2d95_7b70_f20b_1bbbbdc9a402
  style c0c08439_2d95_7b70_f20b_1bbbbdc9a402 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {TodoItem} from './TodoItem';
import {getTodos} from './actions';

export async function TodoList({id}: {id: number | undefined}) {
  let todos = await getTodos();
  return (
    <ul className="todo-list">
      {todos.map(todo => (
        <TodoItem key={todo.id} todo={todo} isSelected={todo.id === id} />
      ))}
    </ul>
  );
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does TodoList.tsx do?
TodoList.tsx is a source file in the react codebase, written in tsx. It belongs to the BabelCompiler domain, Optimization subdomain.
What functions are defined in TodoList.tsx?
TodoList.tsx defines 1 function(s): TodoList.
What does TodoList.tsx depend on?
TodoList.tsx imports 4 module(s): TodoItem, TodoItem.tsx, actions.ts, getTodos.
What files import TodoList.tsx?
TodoList.tsx is imported by 1 file(s): Todos.tsx.
Where is TodoList.tsx in the architecture?
TodoList.tsx is located at fixtures/flight-parcel/src/TodoList.tsx (domain: BabelCompiler, subdomain: Optimization, directory: fixtures/flight-parcel/src).

Analyze Your Own Codebase

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

Try Supermodel Free