Lifecycle events
We can use a couple of lifecycle events to run our code. In this section, we will go through them and see when we should use them. Most lifecycle events have two versions – synchronous and asynchronous.
OnInitialized and OnInitializedAsync
The first time the component is loaded, OnInitialized() is called, then OnInitializedAsync(). This is a great method to load any data, as the UI has not yet been rendered. If we are doing long-running tasks (such as getting data from a database), we should put that code in the OnInitializedAsync() method.
These methods will only run once. If you want to update the UI when a parameter changes, see OnParametersSet() and OnParametersSetAsync().
OnParametersSet and OnParametersSetAsync
OnParametersSet() and OnParametersSetAsync() are called when the component is initialized (after OnInitialized() and OnInitializedAsync()) and whenever we change the value of a parameter.
If we, for example, load data in...