How sarah-swe/hw7.week-5 works
This is a small React to-do list. The browser mounts the app, where users add or update tasks through the form and view, edit, delete, or complete them in the task list; the app holds task state and displays completed and uncompleted counts. Task data is held in component state, with no persistence or backend shown. The graph reflects the sampled component calls and callbacks; it does not infer additional behavior from the template README.
Main entry points: App.jsx Task app state · main.jsx React mount · InputForm.jsx Task form · ListOfTasks.jsx Task list
Components 5
App runtime
- React mount
src/main.jsx - Task app state
src/App.jsx
Task entry
- Task form
src/Components/InputForm.jsx
Task display
- Task list
src/Components/ListOfTasks.jsx
Other components
- User
Connections 6
- User → React mount: opens app
src/main.jsx - React mount → Task app state: renders
src/main.jsx - Task app state → Task form: renders; passes edit state
src/App.jsx - Task form → Task app state: submits task
src/Components/InputForm.jsx - Task app state → Task list: renders tasks
src/App.jsx - Task list → Task app state: invokes task actions
src/Components/ListOfTasks.jsx