Binding with an external data provider

When building web applications that interact with external data sources, it’s common to trigger API calls in response to user input. However, this can lead to a flood of requests, straining the API and degrading the user’s experience. To address that challenge, we’ll implement input throttling – a technique that moderates the rate at which requests are sent based on user input. In this recipe, I will guide you through setting up input throttling in a Blazor component, ensuring efficient and responsible usage of external APIs. You’ll create more robust and user-friendly applications capable of handling a heavy load of user interactions without overwhelming your data providers.

Let’s implement a simple text field that uses throttling to limit calls to the external API and seamlessly waits for a user to finish typing.

Getting ready

Before you dive into throttling implementation, do the following...