基于 TypeScript 和 React 的 Todo List 应用实现
本项目使用 TypeScript 和 React 构建了一个功能完备的 Todo List 应用。项目使用 Create React App 初始化,并集成了 Styled Components 用于样式管理。
功能
- 添加新的 Todo 事项
- 标记 Todo 事项为已完成
- 删除 Todo 事项
- 本地存储 Todo 列表
运行项目
- 使用
yarn install
安装依赖 - 使用
yarn start
启动开发服务器
构建项目
使用 yarn build
构建生产环境代码。构建后的代码位于 build
目录下。
其他命令
yarn test
: 运行测试用例yarn eject
: 暴露 webpack 配置文件
技术栈
- TypeScript
- React
- Styled Components
项目结构
└── src
├── components
│ └── TodoList
│ ├── TodoList.tsx
│ └── TodoList.styles.ts
├── App.tsx
└── index.tsx
ToDos-React-master.zip
预估大小:21个文件
ToDos-React-master
文件夹
.DS_Store
6KB
public
文件夹
manifest.json
492B
index.html
534B
robots.txt
67B
favicon.ico
3KB
logo512.png
9KB
logo192.png
5KB
yarn.lock
474KB
207.06KB
文件大小:
评论区