today-todo React任务管理项目

React 的待办事项项目,有点意思。today-todo用上了ReactReduxTypeScript,再加点styled-components调味,整体风格清爽,代码结构也比较清晰。新手练手挺合适,老手拿来拓展功能也没压力。

Create React App起手就拉起了整个开发环境,跑一行npm start就能见效果,响应也快。支持热更新,改完代码不用手动刷新,省心不少。

Redux做状态管理,数据流走得比较规整,不容易出锅。再加上TypeScript加持,类型一目了然,写起来心里有底。如果你之前没接触过 TS,这个项目也比较友好,语法不复杂。

样式部分走的是styled-components,写 CSS 的感觉更自由,可以直接写在组件里,模块化做得还不错。页面样式算是比较基础,适合你练练手脚,比如自己换个主题、加点动画。

项目内置了几个实用脚本,比如npm test可以直接跑测试、npm run build一键打包上线。如果你想深度定制,npm run eject也留了口子,不过慎用,一旦 eject 就回不去了。

,如果你正好在找一个小而全、结构清楚又能自己拓展的项目,不妨试试today-todo。想学学Redux配合TS怎么玩,这个项目蛮适合你。

zip
today-todo-master.zip 预估大小:41个文件
folder
today-todo-master 文件夹
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 1KB
file
logo512.png 9KB
file
logo192.png 5KB
file
.firebaserc 64B
folder
src 文件夹
file
index.tsx 500B
folder
store 文件夹
file
combinedReducer.js 142B
file
todoActions.js 754B
file
todoReducer.js 1KB
file
logo.svg 3KB
file
index.css 366B
folder
components 文件夹
folder
DisplayTodos 文件夹
file
DisplayTodos.js 2KB
file
DisplayTodos.container.js 277B
file
index.js 83B
folder
Todo 文件夹
file
index.ts 59B
file
Todo.js 4KB
file
Todo.container.js 420B
folder
AddTodo 文件夹
file
AddTodo.container.js 284B
file
AddTodo.js 2KB
file
index.js 68B
folder
TodoList 文件夹
file
index.ts 61B
file
TodoList.style.tsx 788B
file
TodoList.tsx 990B
folder
util 文件夹
file
getDate.tsx 989B
file
reportWebVitals.js 362B
file
App.test.js 431B
file
setupTests.js 241B
file
App.css 423B
file
App.tsx 646B
file
react-app-env.d.ts 40B
folder
Types 文件夹
file
ActionTypes.ts 434B
file
Types.ts 183B
file
firebase.json 235B
file
tsconfig.json 535B
file
README.md 3KB
file
.gitignore 324B
folder
.firebase 文件夹
file
hosting.YnVpbGQ.cache 2KB
file
package-lock.json 686KB
file
package.json 1KB
zip 文件大小:203.23KB