29、RxJS与React、Redux构建响应式应用

RxJS与React、Redux构建响应式应用

1. RxJS测试响应式程序

在测试响应式程序时，我们可以借助RxJS提供的工具。以一个单元测试为例，它模拟用户快速输入字母“rx”，产生两个结果。流经过500毫秒的去抖动处理，最后输入第三和第四个字母形成“rxjs”。此时，虚拟的AJAX可观察对象仅返回一个结果，以模拟结果集被过滤。

在RxJS中，时间是相对的，就像爱因斯坦在20世纪初提出的那样，所有时间都相对于观察者。在测试方面，有以下要点：
- 函数式程序易于测试，因为所有函数都是纯函数，且具有清晰的签名。
- 测试异步代码具有挑战性，需要借助像Mocha这样支持异步的单元测试框架。
- 可以将Mocha与强大的断言接口（如Chai.js）结合，创建优雅而流畅的测试。
- 测试同步可观察对象的过程与测试任何纯函数相同。
- 使用虚拟调度器可以有效地测试异步行为以及处理时间的流。
- 最好使流具有可测试性和模块化，将业务逻辑分离为一组函数，并将流与其生产者和观察者解耦，以便根据不同的测试用例操作测试边界。

2. RxJS在实际应用中的挑战与机遇

很多人会问：“我可以使用RxJS解决所有异步编程需求，但如何在整个应用程序的上下文中使用它呢？”为了回答这个问题，我们将探索如何在实际应用中使用RxJS，特别是与React和Redux结合。

3. 构建基本银行应用

我们的目标是构建一个基本的银行应用程序，处理用户财务的各个方面，特别是用户从账户取款时的操作以及背后的事务处理。该应用有以下功能需求：
- 跟踪用户的当前余额，并根据交易（存款或取款）更新