todo_app React入门练手项目
React 的入门练手项目，todo_app就挺合适的。用的是 Create React App 脚手架，环境都配好了，直接 yarn start 就能跑，响应也快，适合边改边看效果，练习组件、状态管理都比较顺手。
开发模式支持热更新，写一点、刷新一下，体验还不错。你改了代码，浏览器会自己刷新，控制台也会帮你捉错，哪写得不规范一眼就看出来。
想跑测试？直接 yarn test 就行，启动的是交互式模式，改代码时测试用例会自动跟进。适合顺手写点单测练手，比如对每个 TodoItem 做断言，快上手。
等你想部署了，一句 yarn build 就能打包，产物在 build 目录里，文件带 hash，能防缓存，性能也做了优化，基本就是部署即上线。
，后期你想改 webpack 配置也不是不行，yarn eject 就能把配置全抛出来，不过注意哦，这一步是单向操作，想退回可没那么容易。
如果你对底层构建流程感兴趣，可以看看这些相关文章：
如果你刚学完 React 或在熟悉脚手架，todo_app 还是蛮推荐的，基本用一遍就能把项目结构、调试、打包这些流程都跑通。
文件大小：374.14KB
评论区