move.it React第4周练习项目
下一级别第 4 周的项目——move.it,是个基于Create React App起手的练习项目,结构清晰,挺适合练习 React 组件拆分和状态管理。
项目结构的脚本用起来也挺方便,yarn start
可以直接起服务,页面一保存就自动刷新,开发体验还不错。要跑测试也简单,yarn test
就能进测试模式,交互式的,直观。
构建上线也不用头大,yarn build
就能把项目打包好,文件自动压缩加哈希名,适合部署。想搞清楚内部配置?可以用yarn eject
把打包配置都摊开,但注意哦,这一步不可逆,除非你真的要深度定制。
想深入 React 配置的,还可以看看这些参考:
- React + Webpack + Babel 教程
- React、Babel、Webpack 基础示例
- Express React Webpack Babel Setup 入门模板
- 基于 Webpack 和 Babel 的 React 开发环境搭建
如果你正在学 React,又想顺带了解下构建流程、webpack 配置、测试脚本,那这个项目还蛮值得一试的。
move_it-master.zip
预估大小:20个文件
move.it-master
文件夹
public
文件夹
manifest.json
492B
index.html
2KB
robots.txt
67B
favicon.ico
4KB
logo512.png
9KB
logo192.png
5KB
yarn.lock
497KB
src
文件夹
214.94KB
文件大小:
评论区