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
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
June 15, 2021
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
June 15, 2021
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:
June 15, 2021
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
June 15, 2021
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
June 15, 2021
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
June 15, 2021
