Alex Hedley Blazor (Logo)

Blazor

Interesting Blazor topics...

Created by Alex Hedley

Find me: GitHub Invertocat LinkedIn Opencast

Slides: https://github.com/alex-hedley/talk-blazor

Slide 1

Blazor (Logo)What is Blazor?

Blazor is a modern front-end web framework based on HTML, CSS, and C# that helps you build web apps faster. With Blazor, build web apps using reusable components that can be run from both the client and the server so that you can deliver great web experiences.

https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor

History

Initial release: 2018 8 years ago

"browser" and "razor"

In 2023, with .NET 8, Blazor enabled server-side rendered (SSR) pages to allow Interactive "Render modes"

Blashing Logo Blashing

Build a beautiful dashboard

https://alexhedley.com/blashing/

Dashing

Dashing is a Sinatra based framework that lets you build beautiful dashboards. It looks especially great on TVs.

dashing from Shopify: https://github.com/Shopify/dashing

Dashing / Smashing Dashboard

Smashing

Smashing, the spiritual successor to Dashing, is a Sinatra based framework that lets you build excellent dashboards. It looks especially great on TVs.

https://github.com/Smashing/smashing

Dashing / Smashing Dashboard

Blashing - Demo

https://alexhedley.com/blashing/demo

FluentUI Blazor

The Microsoft.FluentUI.AspNetCore.* family of packages provides a set of Razor components for building Blazor applications that leverage the Fluent Design System (i.e. have the look and feel of modern Microsoft applications).
FluentUI Blazor

https://github.com/microsoft/fluentui-blazor

https://www.fluentui-blazor.net

Demo

Example

https://www.fluentui-blazor.net

Blazing Story

The clone of "Storybook" for Blazor, a frontend workshop for building UI components and pages in isolation.
Blazing Story

https://github.com/jsakamoto/BlazingStory

https://jsakamoto.github.io/BlazingStory/

Demo

https://jsakamoto.github.io/BlazingStory/

Blazored

Blazored is now archived 😢

Blazored Text Editor

https://github.com/Blazored/TextEditor

https://blazored.github.io/TextEditor/

https://github.com/Blazored

Demo

https://blazored.github.io/TextEditor/

Any Questions ❓

Thanks 👏🏻