0.1.2 • Published 7 months ago
@micro.app.dev/todo v0.1.2
@micro.app.dev/todo
Todo management module for MicroApp.
Installation
npm install @micro.app.dev/todo
# or
yarn add @micro.app.dev/todo
Features
- Todo list screen
- Add todo functionality
- Todo detail screen
- Mark todos as complete
- Delete todos
- Todo navigation
Usage
Todo Navigator
import { TodoNavigator } from '@micro.app.dev/todo';
function App() {
return (
<NavigationContainer>
<TodoNavigator />
</NavigationContainer>
);
}
Todo List Screen
import { TodoListScreen } from '@micro.app.dev/todo';
function MyTodoListScreen() {
return <TodoListScreen />;
}
Add Todo Screen
import { AddTodoScreen } from '@micro.app.dev/todo';
function MyAddTodoScreen() {
return <AddTodoScreen />;
}
Todo Detail Screen
import { TodoDetailScreen } from '@micro.app.dev/todo';
function MyTodoDetailScreen() {
return <TodoDetailScreen />;
}
Todo Services
import {
todoStorage
} from '@micro.app.dev/todo';
// Get todos
const todos = await todoStorage.getTodos();
// Add a new todo
await todoStorage.addTodo({
id: '1',
title: 'New Todo',
description: 'This is a new todo',
completed: false,
createdAt: new Date().toISOString()
});
// Update a todo
await todoStorage.updateTodo({
id: '1',
title: 'Updated Todo',
description: 'This todo has been updated',
completed: true,
createdAt: new Date().toISOString()
});
// Delete a todo
await todoStorage.deleteTodo('1');
Dependencies
This package depends on:
- @micro.app.dev/shared
- @react-navigation/native
- @react-navigation/stack
- react
- react-native
License
MIT