Debugging reactive web applications

Debugging in our applications consists of pausing the application's execution at breakpoints that we define at specific points, allowing it to run later step by step and with data visualization in use.

But what is a breakpoint?

A breakpoint is a flag that is added to the stream we want to analyze that, when the debugger is running, stops the stream at that same point. We can see it as a traffic light that gives the order to stop.

These breakpoints can be added to any element of our flows.

To add or remove a breakpoint, we first right-click on that element in the module tree. Then, select the Add Breakpoint or Remove Breakpoint option from the context menu, as shown in Figure 12.1:

Figure 12.1 – Adding a breakpoint in the module tree

We can also add a breakpoint in the element itself; just right-click on it and select the Add Breakpoint option, as shown in Figure 12.2:

Figure...