Using JS Object References in Blazor WASM to Wrap JS Libraries

Using JS Object References in Blazor WASM to Wrap JS Libraries

With .NET 5 Blazor WebAssembly also got a lot of great improvements. We will show what IJSObjectReference (JavaScript Object References) is and how it can be used. Using JS Object References in Blazor WASM to Wrap JS Libraries

In this article, we will show what IJSObjectReference is and how it can be used. This article is part of our Blazor JS Wrapping series.

With .NET 5 Blazor WebAssembly also got a lot of great improvements. Among these are IJSObjectReferences (JavaScript Object References). These often get referenced in the changelogs and articles as JavaScript Isolation. The name indicates that this can only be used to isolate JavaScript sources similar to CSS Isolation. But IJSObjectReference can do so much more than just isolation.

javascript blazor webassembly dotnet programming

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Wrapping JavaScript libraries in Blazor WebAssembly/WASM

In this article, we will show how you can wrap a JavaScript library in Blazor and thereby getting that one feature into Blazor WebAssembly. Wrapping JavaScript libraries in Blazor WebAssembly/WASM

How to Play a Sound with Blazor and JavaScript

Learn how to play a sound with Blazor and JavaScript. There are five steps we need the ability to play a sound in Blazor: An HTML <audio> element, A JavaScript method to play the audio, An instance of IJSRuntime injected to our Blazor component, A C# method that uses IJSRuntime to invoke the JavaScript method, An HTML element that invokes the C# method when clicked.

Blazor WebAssembly - Downloading Files

In this tutorial, I am showing how you can download files in Blazor WebAssembly applications. In the first section of the episode I am showing how you can add a JavaScript function and pass the base64 string to it to download the file. And in the second section I am showing how you can read a file stored on the server and send back it's base64 string back to the client to download on the client side.

Learn Blazor WebAssembly - Build Your First Web Application

Learn Blazor WebAssembly - Build Your First Web Application. How to build your first application that runs IN the browser with C# and Blazor. Learn how to build a next-generation SPA (single-page application) using HTML, CSS, JavaScript interop, and Blazor. Blazor is a new framework that allows you to write .NET code that runs on WebAssembly technology inside the browser. What is Blazor? Learn how to build client-side Web apps using Blazor and how to secure them with Auth0.

Blazor WebAssembly : Google Authentication

In this episode of Blazor WebAssembly, I am going through steps to show how you can use integrate Google Authentication