RxJS快速入门示例
基于 RxJS 的 GitHub 小应用，挺适合刚接触响应式编程的朋友。rxjs-example项目结构清晰，用的是ES6配合Webpack打包，启动也方便。你只需要克隆下来，跑一条npm run dev-server命令，就能在浏览器里实时看到效果。
最有意思的地方是它演示了输入搜索实时求和hover 加载用户信息这两个场景，都是前端开发中挺常用的模式。通过RxJS的debounceTime、switchMap等操作符搞定，代码量不大，逻辑也比较清晰。
整体体验下来感觉还不错，如果你对 RxJS 有点兴趣但又不知道从哪下手，可以先撸一遍这个项目。顺便还复习了Webpack和ES6 模块化的写法，一举多得。
准备工作简单，确保你本地有Node.js环境，依次执行：
$ git clone https://github.com/ecmadao/rxjs-example.git
$ cd rxjs-example
$ npm i
$ npm run dev-server打开 http://localhost:8080/webpack-dev-server 就能看到界面，响应也挺快。
另外它还附了不少相关文章，如果你想延伸学习，比如React、AngularJS、Phaser这些框架结合 Webpack/ES6 的写法，也可以参考：
如果你想学点异步操作技巧，又不想一开始就啃文档，直接跑一跑rxjs-example，挺合适的。
文件大小：80.85KB
评论区