Summary of Using JavaScript Interoperability

Let's summarize the concepts we have learned in the “Building Local Storage Service Using JavaScript Interoperability” chapter.

We'll cover the following

Wrap up!

We should now be able to create a local storage service by using JS interop to invoke JavaScript functions from our Blazor WebAssembly application.

We explained why we still need to use JavaScript and how to use the IJSRuntime abstraction to invoke JavaScript functions from .NET, both synchronously and asynchronously. Conversely, we explained how to invoke .NET methods from JavaScript. Finally, we explained how to store data in the browser by using localStorage.

After that, we used the Empty Blazor App project template to create a new project. We added a couple of JavaScript functions to read and write localStorage. Then, we added a class to invoke those JavaScript functions.

In the last part of the chapter, we tested our local storage service.

One of the biggest benefits of using Blazor WebAssembly is that all of the code runs on the browser. This means that a web app built using Blazor WebAssembly can run offline.

Get hands-on with 1200+ tech skills courses.