Building Fast & Reusable Code

on YouTube ↗46m

" summary

Builds a reusable Blazor grid component from the WeatherForecast sample using .NET (net new blazor wasm), Razor components and generics, adds parameters for RenderFragment templates, column templates and cascading type parameters, implements attribute splatting for style/class passthrough and component-scoped isolated CSS, packages it into a Razor Class Library and reuses the same component in Blazor WASM, server and a .NET MAUI hybrid app; live demo has hot-reload hiccups but ultimately runs.

AI-written summary · about

" chapters (12)

1. 0:00Blazor introduction
2. 5:24Live coding for learning
3. 8:19New Blazor WebAssembly project
4. 14:02Passing component parameters
5. 17:58Adding child content
6. 21:50Templated grid columns
7. 26:59Cascading parameters
8. 34:27Attribute splatting for styles
9. 37:42Isolated CSS in components
10. 39:27Razor Class Library
11. 41:20Reuse in .NET MAUI
12. 44:55Resources & closing

" related talks

• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2020
• 01h 04mBuild Your First Full-Stack Blazor AppEd Charbeneau · Connect.Tech 2021
• 51mComponent-based C# and Razor Programming in BlazorDino Esposito · Riga Dev Days 2019
• 01h 02mDeveloping Reusable Components for Blazor WASMEmanuele Bartolesi · JetBrains .NET Days Online 2022
• 41mAuthoring Custom ComponentsEd Charbneau · .NET Conf: Focus on Blazor 2020
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC Sydney 2019
• 01h 02mBlazor in more depthSteve Sanderson, Ryan Nowak · NDC London 2020
• 43mBlazor in .NET 8: Mastering the New Render Modes and Building Interactive Web AppsJimmy Engström · Øredev 2024