Starting a Stream with SwitchMap

Stopping a Stream with TakeUntil

Updating Data with Scan

Displaying Initial Data with StartWith

Changing Behavior with MapTo

Handling Multiple Streams with Merge

Refactoring Composable Streams in RxJS

Getting Input Text with Map

Combining Streams with CombineLatest

Adding Conditional Logic with Filter

Completing a Stream with TakeWhile

Handling a Complete Stream with Reduce

Logging a Stream with Do

Timer and Input Recap

Refactoring CombineLatest to WithLatestFrom

Resubscribing to a Stream with Repeat

Basic DOM Rendering with Subscribe

Sharing Streams with Share

Step-by-Step Async JavaScript with RxJS

When you complete a stream, there’s no way to restart it, you must resubscribe. This lesson shows how `repeat` comes in handy to resubscribe after a stream has completed.

[00:00] You may have also noticed that if I start my game and it gets to the end, I got a score of zero and it completed. I try and start my game again, that nothing happens. Start doesn't work, half, none of these buttons work anymore. That's because this is done, the stream is complete, and you cannot restart a stream.

[00:19] What you can say is repeat. When I hit save now, and I come over here, I hit quarter, it gets to the end of my stream. I'll hit quarter again. It gets to the end again. What's happening is and you can tell is that it's getting that final score of zero and then it's resetting back to that initial count and then getting the score of zero and then resetting to the initial count.

[00:48] This stream is never completing. That's fine because it gets to the subscribe block and gives us our score which was zero. It re-subscribes, so it's like adding another subscription to our initial stream. It's even doing the reduce in everything, but it's never hitting this complete because it's re-subscribing to the same stream.

[01:11] Now, you'll want to be careful with repeat because if you put it somewhere like up here, it's never going to do anything after where you repeat from. The weird behavior you'll see now is if I hit quarter, you'll get to zero of the quarter. It's not getting down here and re-subscribing and giving us the final score or anything.

[01:30] You want to make sure you put the repeat usually right before the subscribe block so that it does everything and re-subscribes to where you want it to. We get the reduce. To show this a bit better, I'll just say score, X and then hit start. I'll say one, two, three and I got a score of one. I'll need to do a bit better. Hit start one, two, three. You can see that time I got a score of three and our game restarted.

Course

Step-by-Step Async JavaScript with RxJS

Resubscribing to a Stream with Repeat

Share this video with your friends