React HabitTracker习惯追踪器项目
React 的习惯追踪器项目,界面清爽,逻辑也简单清晰,比较适合刚接触 React 但想练点手的你。项目是用 Create React App 搭起来的,脚手架省心,直接yarn start
就能跑,响应也快。
开发模式下编辑完,页面会自动刷新,控制台还能帮你找语法或格式错误,调试体验还不错。测试也有内置方案,yarn test
就能启动交互式测试,适合你边写边试。
打包这块用的是yarn build
,会输出到build
文件夹,文件都自动做了优化,名字里也有 hash,直接拿去部署没啥问题。
要说注意的点,yarn eject
这个命令最好慎用,动了就回不去了,除非你真的对 CRA 的配置不满意才建议用。大多数时候直接用默认配置也挺香。
你要是想深入搞搞 Webpack 配置,可以顺着下面这些链接看看,像webpack-react 配置或CreateReactApp + TypeScript都蛮实用。
如果你是 React 入门阶段,又想试着做个完整小项目,react_HabitTracker还挺合适的。跑起来简单,结构也清楚,想练习组件拆分、状态管理、基本打包流程都能用得上。
602.56KB
文件大小:
评论区