SpotifyWebApp React练手项目
Spotify 的 WebApp 项目挺适合用来练手 React 的，目录结构清晰，配置也比较标准，适合想熟悉项目实战流程的前端朋友。
项目用的还是 create-react-app 脚手架，基础设施都搭好了，省事不少。直接在项目目录里跑 npm start，本地就能启动开发环境，浏览器自动打开，改个文件还能热更新，调试效率高。
写完代码想测一波？npm test 是交互式测试模式，边写边跑测试，还挺顺手。如果准备上线，直接来一句 npm run build，打出来的包结构紧凑，带哈希值，拿去部署就行。
，如果你是对 CRA 那套默认配置不满意的“手动党”，项目也支持 npm run eject，会把所有配置文件（像 Webpack、Babel、ESLint）暴露出来。不过注意哈，这操作是单向的，撤不回来。
对了，想了解更多周边工具配置的可以看看这些例子：React + Webpack + Babel 教程 或者 webpack-eslint-react-boilerplate 都挺实用的。
如果你最近正好在练 React 项目搭建，或者想研究下构建流程的细节，可以先 clone 下来玩玩，不管是用来做参考还是改成自己的模板都还不错。
文件大小：218.67KB
评论区