Implement Blazor MVVM patterns with ViewModels for UI state and business logic.
npx skills add https://github.com/spallempati/AI-Studio --skill blazor-mvvm
Please help me install this Agent Skill. Skill: blazor-mvvm Source: https://github.com/spallempati/AI-Studio/tree/main/skills/blazor/blazor-mvvm Command: npx skills add https://github.com/spallempati/AI-Studio --skill blazor-mvvm
This Skill addresses the complexity of managing UI state and business logic within Blazor applications by enforcing the Model-View-ViewModel (MVVM) pattern, leading to more maintainable and testable code.
UserProfileViewModel to handle all form state, validation, and data manipulation, keeping the Razor component clean and focused on presentation.Implement the Blazor MVVM pattern by creating a ViewModel named UserProfileViewModel with properties for UI state and testable methods for business logic.
High-intent search queries and answers about installing and using this skill.
Separate business logic from Blazor UI state by implementing the MVVM pattern, which moves data manipulation and validation into a dedicated ViewModel. This keeps Razor components focused on presentation and significantly improves code testability.
Structure a Blazor MVVM ViewModel by creating a class with properties for UI state and testable methods for business logic. This approach enforces separation of concerns and clearly defines data flow from infrastructure to the Razor component.
The Blazor MVVM pattern enforces specific architectural rules, including the 9 MVVM rules for separation of concerns. It defines a strict data flow architecture from infrastructure through the UI service layer to the Razor components.
Use the MVVM pattern in Blazor when building complex UI forms or components that require strict separation of concerns. It is ideal for scenarios where you need to manage complex UI state, enforce testability, and maintain a clean data flow architecture.
Implement Blazor MVVM data flow by architecting a clear path from infrastructure through a UI service layer to the ViewModel, which then binds to the Razor component. This ensures clean state management and adheres to separation of concerns.
I-SynergyReuse shared MVVM patterns and bootstrap logic across MAUI and Blazor shells.
flutterWrite Flutter widget tests using the WidgetTester API to verify UI rendering and interactions.
BasedHardwareGuide Flutter app development for Omi with BLE integration and Provider state management.
markpittProvide expert guidance on Blazor components, state management, routing, and JS interop.