Cómo mostrar la ejecución de cada tarea paralela de forma independiente en Blazor WASM.

Descripción:

Hay una página que debe mostrar resultados de dos operaciones asincrónicas independientes, por ejemplo, solicitudes REST.

Para mostrar el resultado de la primera tarea (haciendo solicitudes a través de los métodos del ciclo de vida de Blazor), debemos esperar la ejecución de ambas tareas, a pesar de que los datos de la primera tarea son obtenidos por el servicio.

Pregunta:

¿Cómo mostrar el resultado de la primera tarea sin esperar la ejecución de la segunda tarea?

Considera este código como ejemplo.

Los resultados de la primera tarea solo se mostrarán en la página después de la ejecución de la segunda tarea.

Servicio

public class TaskService : ITaskService
{
public async Task<string> FirstTask()
{
const int timeOut = 500;
await Task.Delay(timeOut);
Console.WriteLine(timeOut);
return nameof(FirstTask) + timeOut;
}
public async Task<string> SecondTask()
{
const int timeOut = 2500;
await Task.Delay(timeOut);
Console.WriteLine(timeOut);
return nameof(SecondTask) + timeOut;
}
}


Página

@page "/task-test"
@inject ITaskService _taskService</p>

<p><h3>TaskTest</h3></p>

<p><p>Primera tarea: @<em>firstString</p>
<p>Segunda tarea: @</em>secondString</p></p>

<p>@code {
    private string _firstString = "Valor inicial";
    private string _secondString = "Valor inicial";</p>

<pre><code>protected override async Task OnInitializedAsync()
{
    var firstTask = _taskService.FirstTask();
    var secondTask = _taskService.SecondTask();

    await Task.WhenAll(firstTask, secondTask);
    _firstString = firstTask.Result;
    _secondString = secondTask.Result;
}
</code></pre>

<p>}