App.tsx - Demo

Annotations (2)

@gitianApp component — the root of the todo application. Composes the AddTodo form and TodoList display. All state is managed by the useTodos hook, keeping this component purely presentational.L5

App component — the root of the todo application. Composes the AddTodo form and TodoList display. All state is managed by the useTodos hook, keeping this component purely presentational.

tsxL10–12

10 export function App() {
11   const { todos, addTodo, toggleTodo, deleteTodo } = useTodos();
12

@gitianFilter counts used in the header summaryL13

Filter counts used in the header summary

tsxL14–14

14   const completed = todos.filter((t) => t.completed).length;

10	export function App() {
11	const { todos, addTodo, toggleTodo, deleteTodo } = useTodos();
12