Blazor StateHasChanged() Dec. 7, 2018

Blazor Paint

Even at version 0.7.0 Blazor is able to do some really amazing things. The Blazor Paint app let’s you use the browser to draw in real time. The Blazor Paint app is quite amazing for a demo app. The app features: color select, undo, advanced selection, and delete. Try Blazor Paint live or see the source code.

On Michael Washington’s blog, he describes how to implement authentication in a Blazor application. The example shows how to integrate Microsoft.AspNetCore.Identity with Blazor using a full stack .NET application. Through the process you’ll learn how to create a login component that uses cookies for authentication. You can read the full article on the Lightswitch Help Website

Blazor Fiddle

In the spirit of JS Fiddle and DotNet Fiddle, Blazor Fiddle is an online sandbox for trying out Blazor. Blazor Fiddle is quite an amazing web app that allows you to work on live Blazor code in the browser without installing any tools on your machine. While this is an extremely early look at what could be possible with Blazor, it shows some real promise.

See it in action at BlazorFiddle.com

TabSet Continued with Sass Deep Dive

On this episode I attempted to abstract the CSS styles into a custom namespace and .css file so the TabSet component is more portable. Through the process the CSS for the TabSet ended up breaking. Even though the demo didn’t quite work out, I was able to demonstrate how to compile Sass into CSS without the need for NodeJS or Ruby (pure .NET tooling). Also, we took a deep dive into Bootstrap’s source code and saw how to customize a build of Boostrap for our own use.

Issues from the stream are fixed and the source code can be found on Github: https://github.com/EdCharbeneau/StateHasChangedBlazor070

Blazor Gitter

Chat with other devs about the Blazor project.

Ed Charbeneau

Ed Charbeneau

I'm Ed Charbeneau, web enthusiast, speaker, writer, design admirer, and Developer Advocate for Progress.