How gilleswilfriednekamkenmogne/to-do-list-en-react works
This is a small React to-do list. The user adds tasks with priorities, filters the list, selects tasks to finish, or deletes individual tasks; the app displays priority counts and persists the task list in browser localStorage. The sampled source shows the React entry point, app logic, and task-row component. Selection state is in memory only. No additional product capabilities are documented in the README.
Main entry points: App.tsx To-do app · main.tsx React entry · Todoitem.tsx Task row
Components 5
React interface
- React entry
src/main.tsx - To-do app
src/App.tsx - Task row
src/Todoitem.tsx
Browser persistence
- localStorage
Other components
- User
Connections 8
- User → React entry: opens app
- React entry → To-do app: mounts
- User → To-do app: manages tasks
- To-do app → User: shows filtered list
- To-do app → Task row: renders rows
- Task row → To-do app: dispatches actions
- To-do app → localStorage: reads tasks
- To-do app → localStorage: saves tasks