React Redux博客项目redux-thunk中间件实践
React 的博客项目挺适合用来练手 Redux 中间件的。页面上有博客文章和用户列表,逻辑清晰,数据流动一目了然,适合上手搞清楚 redux-thunk 怎么和 React 配合。
项目是用 create-react-app 搭起来的,直接 npm start
就能跑起来。页面热更新也有,改一行代码就能看到效果,响应也快,开发效率高。
如果你想体验下 redux-thunk 的异步求,这项目刚刚好。像获取用户和帖子数据,就是典型的异步场景,放到 thunk
里做求,状态更新也自然。
npm run build
会打包生产版本,压缩优化都做好了。准备上线也方便,构建结果在 build
目录里,扔服务器上就行。如果你手痒想改 webpack,那就 npm run eject
,但记住这操作不可逆哦。
想搞明白中间件原理的,也可以看看这几个相关资料:
- React 中间件搭建示例,讲得比较基础,适合初学者。
- Redux 中间件实现多 Web Worker 支持,进阶玩法,思路蛮有趣。
- think-webpack-dev-middleware,用在 ThinkJS 上也挺灵活的。
如果你正好在用 Redux,还没搞清楚 thunk 是怎么回事,可以拿这个项目当练习项目,一边看代码一边调试,收获挺多的。
172.98KB
文件大小:
评论区