Manejo de Local Storage en Blazor

El manejo de datos en sesión o datos compartir trasversalmente dentro de una aplicación web es algo bastante común y necesario.

El local storage en los navegadores nos permite guardar datos que pueden ser utilizados en todo el contexto de nuestra página y actualizados según se requiera.

Blazor no tiene un soporte nativo para realizar esta actualización ya que Web assembly aún no cuenta con estas funciones. Sin embargo podemos solucionarlo de varias maneras.

1. Utilizar interpolación con Javascript

Primero debemos crear una funciona para guardar y otra para obtener los datos del storage dentro de un archivo JS

window.setToStorage = function setToStorage(name, value) {
localStorage.setItem(name, value);
}

window.getToStorage = function getToStorage(name, value) {
localStorage.getItem(name, value);
}

Luego utilizando IJSRuntime podemos hacer la llamada de esas funciones en código C#

 return await JSRuntime.InvokeAsync("setToStorage", "sessionToke", token);

2. Utilizando la libreria Blazored LocalStorage

La librería más simple para el manejo de local…