Authoring Custom Components
summary
Shows how to build reusable Blazor UI: implements child content with RenderFragment<T>, a generic item list that passes TItem into an ItemTemplate, and delete flows using EventCallback<object> so the page handles removals. Builds a SPA loader and spinner components, moves them into a Razor Class Library, adds a Blazor Component Utilities NuGet, packages as a NuGet, and demonstrates the loader, retry and delete features working in the running app.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 2:00Child Content
- 4:07Single Alert Message
- 8:27Multiple Alert Messages
- 12:13Alert Array
- 16:33Delete
- 19:48Rerender
- 21:13Delete Item
- 21:58Fetch Data
- 24:03SpaLoader
- 26:28SpinLoader
- 28:28Testing
- 29:23Creating a Component Library
related talks
46mBuilding Fast & Reusable Code
10mWriting Compound Components in Angular
41mWeb Components: Maintaining and Reusing your Frontend
08mBuilding a Custom Component Library – Fast - TJ VanToll
51mBuilding Better Components — A Journey to a More Resilient Frontend
43mHow to build your reusable UI component library like a pro
28mUnlocking Seamless Collaboration: Design-First APIs for Components
14mHow to Share Your Components Online (Fast)