React Webpack ES6开发模板Redux-Observable结合RxJS
带有Webpack和ES6配置的 React 开发模板,搭配了Redux-Observable和RxJS,适合做 API 交互类的项目原型,像 HackerNews 这样的数据展示合适。项目结构挺清爽,组件都放在components
里,逻辑清晰,挺方便你自己加功能或改样式。
本地跑起来也不麻烦,yarn install
装好依赖,再用yarn build
打包,默认会开个localhost:9000
让你直接调试。响应也快,开发体验还不错。
项目用的是redux-observable
,所以如果你之前没接触过 RxJS,要稍微适应一下,像map
、mergeMap
这些操作符用得比较多。好处是异步流控制变得丝滑,不会写得一团乱。
如果你正在找一个结构清晰、配置比较全的React + Webpack + ES6模板,可以先从这个入门。顺手也可以看看这些相关资源:
- React Ant Design Redux Webpack ES6 SPA Architecture
- 基于 React, Redux-Observable 和 TypeScript 的示例应用
- 得墨 Meter Node.js 全家桶方案
嗯,如果你还没接触过redux-observable
,建议先看看官方文档,或者上面这几个例子跟着跑一跑,感觉会更直观。
121.84KB
文件大小:
评论区