How to create maintainable and testable Blazor components

on YouTube ↗54m

" summary

Shows how to build a reflective dynamic data-table that reads TItem properties, then refactors it into header and row subcomponents to improve cohesion and single-responsibility; demonstrates tests with bUnit (fast unit-run, semantic markup matching), how to stub or mock children via component factories/AddComponent and StopComponent, and when to use Moq or render templates; includes examples verifying component composition, DOM output, and stable CI-friendly tests.

AI-written summary · about

" chapters (4)

1. 0:00Principles of maintainable components
2. 25:06Introduction to bUnit testing
3. 28:39Advanced testing strategies
4. 53:25Closing and acknowledgments

" related talks

• 36mHow to create maintainable and testable Blazor componentsEgil Hansen · Øredev 2022
• 55mBest practices unit testing Blazor components with bUnitEgil Hansen · NDC Oslo 2021
• 38mTesting Blazor Application Components: Fun with BenefitsEgil Hansen · DotFest 2020
• 37mTesting Blazor ComponentsEgil Hansen · .NET Conf: Focus on Blazor 2020
• 01h 16mTest-Driven Development With BlazorScott Sauber · JetBrains .NET Days Online 2025
• 39mBlazor Stability Testing for Bullet Proof ApplicationEd Charbeneau · Reliable Web Summit 2021
• 59mBlazor-testing from A to ZEgil Hansen · NDC London 2025
• 19mImportance of testing & the right way to test React componentsManjula Dube · ReactFoo 2017