Additional examples

Example $1$

Let's consider the following sequence of actions:

The user types $"q"$ into the input;

After $50ms$ the user presses $"u",$ and then again, after

every $50ms,$ a new character is inserted until the

input value is "query";

Only one request to the API is sent, exactly $500$ ms

after $"y"$ is inputted;

During this period $($from pressing $"y"$ until the

response comes in$),$ the class name is$-$loading is

added to the input's wrapper.

Example $2$

If the response from the API endpoint is:

$["$Italy$",$ "Spain", "Portugal", "Macedonia"$]$

then the list section, which is rendered as follows:

Implement in reacr using debounce