Robofriends React+Redux实践
React 项目的练手好例子，robofriends是个结合React和Redux的入门实践。基于create-react-app起手，脚手架搭得清爽，结构也直观，挺适合新手摸索。项目跑起来也简单，yarn start一键搞定，改完代码自动刷新，体验还不错。
状态管理这块用的是Redux，逻辑分层清晰，用了基本的mapStateToProps、mapDispatchToProps那套套路。适合刚接触 Redux 的同学来熟悉下数据流怎么走。交互逻辑简单，页面结构也不复杂，看起来没什么负担。
打包部分交给yarn build，结果就是标准的build目录，支持上线部署，构建也做了性能优化，像hash文件名、防缓存这些都有做到。还有个yarn eject，不过这个操作是不可逆的，想深度定制的可以研究下 Webpack 配置，但不建议轻易试水。
想对照更多实际项目练习的话，可以看看这些：
- React 全栈开发集成 Redux、Flux、webpack、Babel
- Frontend Boilerplate Webpack React Redux Babel Autoprefixer HMR 模板
- Webpack 4 + React + Redux + Jest
如果你刚开始接触 React，想练练 Redux 的手感，这个项目还挺合适的。上手快，改起来也方便，踩坑少，挺适合用来熟悉 React 项目开发的基本套路。
文件大小：369.41KB
评论区