基于 TypeScript 和 React 的 Todo List 应用实现

本项目使用 TypeScript 和 React 构建了一个功能完备的 Todo List 应用。项目使用 Create React App 初始化,并集成了 Styled Components 用于样式管理。

功能

  • 添加新的 Todo 事项
  • 标记 Todo 事项为已完成
  • 删除 Todo 事项
  • 本地存储 Todo 列表

运行项目

  1. 使用 yarn install 安装依赖
  2. 使用 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

zip
ToDos-React-master.zip 预估大小:21个文件
folder
ToDos-React-master 文件夹
file
.DS_Store 6KB
folder
public 文件夹
file
manifest.json 492B
file
index.html 534B
file
robots.txt 67B
file
favicon.ico 3KB
file
logo512.png 9KB
file
logo192.png 5KB
file
yarn.lock 474KB
folder
src 文件夹
file
.DS_Store 6KB
file
index.tsx 199B
folder
styles 文件夹
file
global.ts 177B
folder
components 文件夹
folder
cards 文件夹
file
index.tsx 3KB
file
styles.ts 876B
file
setupTests.tsx 255B
file
App.css 564B
file
App.tsx 319B
file
react-app-env.d.ts 40B
file
tsconfig.json 541B
file
README.md 3KB
file
prettier.config.js 96B
file
package.json 1KB
zip 文件大小:207.06KB