How lejoser40/react-native-todo-list works
This React Native todo app lets a user add tasks, view them in a list, mark them complete, and open a task editor to change or delete a task. Task data is held only in App component state; no persistent store is shown. The editor also displays date/time pickers and a reminder toggle, but the sampled code does not connect these controls to task data or notification behavior. The architecture follows the sampled current app; the backup app is an older variant.
Main entry points: App.jsx App Coordinator · TodoCard.jsx Task Card · TodoModal.jsx Task Editor · FloatingActionBtn.jsx Add Button
Components 8
Task State
- App Coordinator
App.jsx - In-Memory Tasks
App.jsx
Task UI
- Task List
App.jsx - Task Card
components/TodoCard.jsx - Task Editor
components/TodoModal.jsx
Entry UI
- Add Button
components/FloatingActionBtn.jsx - Add Sheet
components/BottomSheet.jsx
Other components
- User
Connections 19
- User → Add Button: presses
- App Coordinator → Add Button: renders
- Add Button → App Coordinator: opens sheet
- App Coordinator → Add Sheet: renders
- User → Add Sheet: enters task
- Add Sheet → App Coordinator: submits task
- App Coordinator → In-Memory Tasks: adds task
- App Coordinator → Task List: renders tasks
- In-Memory Tasks → Task List: provides items
- Task List → Task Card: renders item
- User → Task Card: selects task
- Task Card → App Coordinator: opens editor
- User → Task Card: toggles complete
- Task Card → App Coordinator: changes completion
- App Coordinator → In-Memory Tasks: updates task
- App Coordinator → Task Editor: renders editor
- User → Task Editor: edits or deletes
- Task Editor → App Coordinator: closes or deletes
- App Coordinator → In-Memory Tasks: edits or removes