React Todo使用Hooks重构功能组件
React 的老项目想重做，不妨试试这个带 Hooks 的 todo 应用，挺清爽，代码也不绕，功能组件写起来比 class 组件利索多了。
React_Hooks 的 todo 项目，用的都是函数式组件加 useState、useEffect 这些基本钩子，逻辑清晰。你要是平时还在写 class + setState，真挺建议过来体验下这套组合，响应也快，状态管理也舒服。
项目结构也比较干净，直接 npm start 就能跑，默认就是开发模式，支持热更新，改个组件刷一下就好了，开发体验还不错。需要跑测试就 npm test，走的是交互模式，方便你边写边测。
打包用 npm run build，生成在 build 目录，已经帮你做了压缩和 hash，部署直接丢上去就行。如果你对默认的 webpack 配置不满意，也可以用 npm run eject 把所有配置拉出来，不过这操作是单向的，干了就回不去了，别冲动。
想系统学 Hooks，可以看看这些资源：
如果你正好想把老项目用函数组件翻新下，或者刚入门 React Hooks，不妨拿这个项目练练手，实战比光看文档更有感觉。
文件大小：155.74KB
评论区