blazor-frontend

What problem does it solve?

This Skill enforces consistent and best-practice standards for Blazor frontend development, ensuring maintainable and high-quality code.

Core Features & Use Cases

• Component Structure: Enforces the use of dual-file components (.razor + .razor.cs) and prohibits @code blocks in .razor files.
• Naming Conventions: Provides clear guidelines for naming components, methods, parameters, and fields.
• Code Organization: Dictates the order of members within code-behind files for better readability.
• Lifecycle Management: Guides the appropriate use of Blazor lifecycle methods.
• Event Handling: Specifies best practices for asynchronous event handlers and component communication.
• Dependency Injection: Standardizes the use of [Inject] for service injection.
• Data Binding: Demonstrates correct one-way and two-way data binding syntax.
• Conditional & List Rendering: Provides examples for rendering content dynamically.
• Parameters & Slots: Shows how to define and use component parameters and render fragments.
• Anti-Patterns: Lists common mistakes to avoid in Blazor development.

Quick Start

Follow the Blazor frontend development standards when writing Blazor components, Razor files, or Blazor Server/WebAssembly applications.