Blazor.Extensions.Storage 0.1.0

Setup

The following snippet shows how to setup the storage wrapper by registering it for dependency injection in the Program.cs of the application.

var serviceProvider = new BrowserServiceProvider(services =>
{
    // Add Blazor.Extensions.Storage
    // Both SessionStorage and LocalStorage are registered
    services.AddStorage();
});

Usage

The following snippet shows how to consume the storage API in a Blazor component.

@inject SessionStorage sessionStorage
@inject LocalStorage localStorage

@functions {
  protected override async Task OnInitAsync()
  {
        var key = "forecasts";
        sessionStorage.SetItem<WeatherForecast[]>(key, forecasts);
        localStorage.SetItem<WeatherForecast[]>(key, forecasts);
        var fromSession = sessionStorage.GetItem<WeatherForecast[]>(key);
        var fromLocal = localStorage.GetItem<WeatherForecast[]>(key);
  }
}

If you want to consume it outside of a cshtml based component, then you can use the Inject attribute to inject it into the class.

[Inject]
protected SessionStorage sessionStorage;

[Inject]
protected LocalStorage localStorage;

public void LogSomething()
{
        var key = "forecasts";
        sessionStorage.SetItem<WeatherForecast[]>(key, forecasts);
        localStorage.SetItem<WeatherForecast[]>(key, forecasts);
        var fromSession = sessionStorage.GetItem<WeatherForecast[]>(key);
        var fromLocal = localStorage.GetItem<WeatherForecast[]>(key);
}

Contributions and feedback

Please feel free to use the component, open issues, fix bugs or provide feedback.

Contributors

The following people are the maintainers of the Blazor Extensions projects:

• Attila Hajdrik
• Gutemberg Ribiero