NorDevCon2020 Day 1 - Part 4 - Chris Sainty
summary
Shared .NET Standard models power a Blazor SPA using feature folders and replace plain HTML forms with EditForm and InputX components wired to DataAnnotations so validation happens client- and server-side; JavaScript Interop wraps Chart.js in a reusable component that renders bar/pie charts successfully; authentication uses JWT stored in local storage with a custom TokenAuthenticationStateProvider, AuthorizedRouteView and role-based AuthorizedView to lock pages; hot reload is absent and WebAssembly currently cannot manipulate the DOM directly.
AI-written summary · about
chapters (16)
- 0:00Introduction to Blazor
- 2:14Building a repair form
- 6:08Adding form validation
- 7:40Improving validation UX
- 12:57Creating a dashboard
- 13:17JavaScript Interop for charts
- 20:46Customizing chart data
- 26:08Securing the application
- 26:30Server-side authorization
- 28:34Client-side security
- 30:20Authentication state provider
- 33:06Configuring services
- 36:33Routing with authorization
- 37:35Login and logout flow
- 40:25User status component
- 42:43Resources and future of Blazor
related talks
41mModern Full-Stack Web Development with ASP.NET Core & Blazor
30mSPA Revolution with WebAssembly and ASP.NET Blazor
01h 02mBlazor in more depth
43mBlazor in .NET 8: Mastering the New Render Modes and Building Interactive Web Apps
01h 04mBuild Your First Full-Stack Blazor App
56mModern Web UI with Blazor WebAssembly
53mCreating Next-Generation Applications with Blazor
01h 00mASP.NET Blazor programming 101