Redux-Demo-App React状态管理示例
redux 的入门项目，最好找个结构清晰、能跑起来的 demo 上手一下。redux-demo-app就挺合适，基于 Create React App 搭起来的，逻辑清楚，脚本也写得规范。
yarn start 一跑就能本地起服务，热更新反应也快。改点代码，浏览器自动刷新，开发体验比较丝滑。适合你边改边看效果，效率高不少。
测试部分也没落下，yarn test 是跑测试的，还是交互式的，适合平时调试时顺手跑一下。构建用 yarn build，结果比较干净，优化也做得不错，打出来的包体积不大，适合拿去线上试。
项目里有个 yarn eject，嗯，谨慎点用，这一旦执行就没法回头了。适合那些对 CRA 默认配置不太满意、想自己玩配置的同学。用它前记得备份一下代码。
如果你还在摸索 React + Redux 的搭配，想知道数据怎么在组件间传，状态怎么统一管理，这个项目就蛮合适的。可以配合这些文章看看效果更好：
- React Starter: Integrating Redux and Redux-Saga with Create-React-App
- 探索 Create React App
- react-redux-webpack
- 使用 create-react-app 入门 React
- realworld-react-Create-React-App-入门
如果你是刚开始玩 Redux 的前端新手，建议先把这个项目跑通，理解下每个 action 和 reducer 是怎么协作的，再去优化结构或引入中间件也不迟。
文件大小：213.89KB
评论区