react-wednesdays-stream-cover

Blazing into Summer 2.0: What’s New in Blazor in .NET 6? Hide this title

Let’s look at how Blazor in .NET 6 makes client-side web development faster and more productive than ever before. We'll be checking the new Blazor features in .NET 6: .NET Hot Reload, WebAssembly ahead-of-time (AOT) compilation, error boundaries, integration with .NET MAUI, and much more with our awesome first guest, Daniel Roth!

00:00 - Intro
02:00 - What's the agenda?
05:35 - What's new in Blazor in .NET 6?
09:13 - Blazor in .NET 5
10:43 - Who is using Blazor?
12:42 - .NET 6 themes
14:24 - Blazor in .NET 6
15:03 - Demo time! (Web apps)
01:01:06 - Building hybrid aps
01:02:15 - Hybrid apps with .NET & Blazor
01:03:05 - What's coming to .NET MAUI?
01:03:31 - Blazor hybrid apps with .NET MAUI
01:03:58 - Building a .NET MAUI Blazor apps Demo
01:19:30 - Question time

Links:
Telerik UI for Blazor
Demos
Docs

About Blazor Power Hour 

One hour of pure Blazor goodness with Ed Charbeneau. Learn to build Blazor apps, catch neat Blazor tricks and up your coding game. Every Wednesday at 10 am ET live on CodeItLive. 

Follow CodeitLive on Twitch

About your host

edcrop
Ed Charbeneau
large-wavy-decor-lightblue

Watch Recent Episodes

Blazing into Summer 2.0: Secrets of a Blazor Component Artisan

In this session we'll jump past hello world and focus on Blazor's Razor Component architecture. We'll learn component design concepts and best practices including: event handling, attribute splatting, state management, and component libraries.

Through example we'll understand the tools and techniques from one of the top Blazor community contributors and Microsoft MVP, Ed Charbeneau.

Links:
Telerik UI for Blazor
Demos
Docs

Watch Episode

June 15, 2021

Blazing into Summer 2.0: Improving User Workflows with Blazor Components

As applications evolve, so do user workflows. They never seem to use apps the way we expect! It leads to engineers needing to work on improving the UX to adapt to workflows. Our awesome guest for this panel, Georgia Nelson will walk you through creating a custom Blazor component to improve a common workflow flaw in GIFBot, an interactive Twitch bot built on ASP.NET and Blazor.

00:00 - Intro
02:36 - Recap
05:19 - Meet Georgia Nelson aka Fiercekittenz
11:13 - GIFBot demo & awesome live coding

Links:
Telerik UI for Blazor
Demos
Docs

Watch Episode

June 15, 2021

Blazing into Summer 2.0: Building Efficient Apps with Blazor

In this session Fahad will show how he has used the below Blazor concepts to make his demo app (BlazingChat) run faster. He touched upon the following:

  • Virtualize Component
  • JS Isolation
  • Lazy-loading
  • CascadingValue Component
  • What’s coming in .NET6
00:00 - Intro
04:05 - Meet Fahad Mullaji a.k.a Curious Drive
09:12 - Virtualize Component: Demo
10:55 - How long does it take to load a page?
28:40 - Let's look at Lazy Loading: Demo
44:33 - Theme detection in Blazor
48:06 - JavaScript Isolation
50:25 - Cascading value component
59:01 - What's new in .NET 6?
01:00:00 - Some thoughts on Error Boundaries 
01:00:31 - WebAssembly AOT coming soon
01:02:08 - Fahad's YT channel

Links:
Telerik UI for Blazor
Demos
Docs

Watch Episode

June 15, 2021

Blazing into Summer 2.0: Best Practices for Unit Testing

Egil Hansen joins us to give a brief introduction to bUnit and then dives into some of the best practices for writing components tests, tests that result in both stable and maintainable test suites as well as maintainable Blazor components.

00:00 - Intro
06:00 - Being good at testing advice
14:20 - What is bUnit?
24:20 - Live coding demo: Best practices & advances for Unit Testing
32:30 - Unit test
34:56 - Counter.razor
38:52 - Counter test
54:15 - Writing tests in a razor file
01:07:45 - Grid test demo
01:15:10 - Grid header.razor demo - Weather forecast
01:24:50 - Grid helpers
01:34:35 - Grid row.razor demo
01:40:08 - Grid row test razor
01:46:59 - Where to find bUnit?

Links:
Telerik UI for Blazor
Grid Demos
Docs

Watch Episode

June 15, 2021

Blazing into Summer 2.0: SignalR Realtime Blazor Translator

The lovely LaylaCodesIt joins us to build a chat app with a twist. We'll learn how to combine some fun translation APIs with the power of SignalR and speech-to-text all from within a Blazor Server application.

00:00 - Intro
05:57 - Happy Birthday Layla!
13:17 - Why SignalR is so cool
15:45 - Fun Translation API's
20:41 - Building a fun chat app with SignalR & Blazor: Livecoding guide
56:37 - Do we have a working Blazor Translation Chat? Demo
01:44:20 - Realtime translation - Cockney accent
01:46:17 - Trying out a redneck API 
01:49:30 - Realtime translation - Redneck accent
01:53:49 - GitHub repo link: https://github.com/Layla-P/BlazingIntoSummerTranslatedChat

Links:
Telerik UI for Blazor
Demos
Docs

Watch Episode

June 15, 2021

Blazing into Summer 2.0: What’s New in Blazor in .NET 6?

Let’s look at how Blazor in .NET 6 makes client-side web development faster and more productive than ever before. We'll be checking the new Blazor features in .NET 6: .NET Hot Reload, WebAssembly ahead-of-time (AOT) compilation, error boundaries, integration with .NET MAUI, and much more with our awesome first guest, Daniel Roth!

00:00 - Intro
02:00 - What's the agenda?
05:35 - What's new in Blazor in .NET 6?
09:13 - Blazor in .NET 5
10:43 - Who is using Blazor?
12:42 - .NET 6 themes
14:24 - Blazor in .NET 6
15:03 - Demo time! (Web apps)
01:01:06 - Building hybrid aps
01:02:15 - Hybrid apps with .NET & Blazor
01:03:05 - What's coming to .NET MAUI?
01:03:31 - Blazor hybrid apps with .NET MAUI
01:03:58 - Building a .NET MAUI Blazor apps Demo
01:19:30 - Question time

Links:
Telerik UI for Blazor
Demos
Docs

Watch Episode

June 15, 2021

bg

Interested In Other Shows?

Explore All
logo