How to call isolated JavaScript code in .NET 5.0 Blazor projects with JSObjectReference

Spread the love

A dozen days ago the .NET 5.0 Release Candidate 1 (RC1) became available. And as you probably know, there are a lot of “treats” among the new features of the ASP.NET Core updates. One of them is Blazor JavaScript isolation with aid of JSObjectReference. Which benefits this feature give us? First of all, you do […]

Using a web camera with fun filters in your ASP.NET Core Blazor WebAssembly application

Spread the love

There are many things that you can do with Web Camera in your Web Application. For example, you can make a portrait picture and send it to the ML service to identify your age. Or you can take a picture of the sky and try to identify whether outside. Or you can apply some photo […]

How to create Blazor components with custom JavaScript and CSS in the components library and properly consume them from WebAssembly application

Spread the love

A few days ago, the Blazor WebAssembly was officially released. And It’s a good reason to “taste” it. After watching a great “Modern Web UI with Blazor WebAssembly” demo on Microsoft Build 2020, a couple of ideas of cool Blazor components appeared in my mind. But such components should interact with some existing JavaScript libraries, […]

Using three.js with ASP.NET Core Blazor Server application

Spread the love

If you know C# and you want to create a cool modern web application… But you are too lazy have no desire or have no ability to learn any front-end things like JavaScript and JavaScript-based frameworks… Then probably the best choice for you is a new Microsoft framework called Blazor. As the official documentation says […]

How to add Webpack 4 to Asp.Net Core 3.1 MVC application step by step

Spread the love

There are not many examples of how to use a Webpack 4 on the front-end part of the ASP.NET Core 3.1 MVC application. One way is to use some specific middleware, but here I will use tools and pipelines that are conventional among the front-end developers:

NPM package manager to manage Node.js packages and to run scripts.
Javascript ES6-module syntax in the JavaScript code.
SASS to process styles.
Webpack 4 to bundle all things together.
and Visual Studio Code as an IDE.

Roman Simuta Blog