Spending-Tracker React支出追踪器项目

spending-tracker 的项目结构挺清晰的,适合你拿来练手或者做个小型实用工具。

React构建的界面,启动开发模式只需要跑个npm start,浏览器自动打开,改完代码还能热更新,挺方便的。

测试部分也考虑到了,npm test直接跑起来是交互式的,不用你每次手动点命令。改完代码,测试一过就能安心发版。

构建发布用npm run build,它会自动打包、压缩、加哈希值,适合放到生产环境。React 的打包效果还不错,加载速度也能跟得上。

如果你有自己的打包需求,想改配置,那npm run eject可以把隐藏的 Webpack 和 Babel 配置都抖出来,不过这一步是单向的,干了就回不去了,慎重点。

另外,想补补 Webpack 和 Babel 这块的知识,可以看看这些:

如果你正在学习 React,或者想做个实用的日常小工具,这个项目还挺适合当个参考模板的。

zip 文件大小:845.45KB