today-todo React任务管理项目
React 的待办事项项目,有点意思。today-todo用上了React、Redux、TypeScript,再加点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怎么玩,这个项目蛮适合你。
today-todo-master.zip
预估大小:41个文件
today-todo-master
文件夹
public
文件夹
manifest.json
492B
index.html
2KB
robots.txt
67B
favicon.ico
1KB
logo512.png
9KB
logo192.png
5KB
.firebaserc
64B
src
文件夹
203.23KB
文件大小:
评论区