Build Reactive Websites with RxJS

Preventing Race Conditions with switchMap

In the Days of Olde, when magic still roamed the land, a High Programmer insulted a Network, and ever since then, the networks have had it out for us programmers. A typeahead race condition bug typically manifests itself like so:

1. user types a
2. get/render response for a
3. user types ab
4. user types abc
5. get/render response for abc
6. get/render response for ab

This could happen for many reasons—an ISP could have directed the abc query through a less-congested router, abc could have had fewer possible answers, resulting in a faster query, or the Network remembered that grudge from a long time ago. Regardless of the reason, our user now has the wrong results in front of them. How can you prevent this terrible tragedy? ...