blazor-development

What problem does it solve?

Blazor development projects often struggle with consistent component architecture, localization integration, and reliable loading states. This Skill provides standardized patterns and examples to align teams on best practices.

Core Features & Use Cases

• Component and localization conventions: Inherit from LocalizedComponentBase<T>, use Resources for .resx localization, and apply MotoRent UI components.
• Loading pattern: Implement a robust loading pattern with a Loading boolean and try/finally, plus LoadingSkeleton modes for tables, cards, and text.
• CSS isolation and theming: Uses .razor.css files, Tabler theme variables, and safe theme-aware styling with CSS isolation.
• Use Case: Build modular Blazor features (e.g., motorbike lists, detail pages) with consistent structure and theming.

Quick Start

Create a Blazor page using LocalizedComponentBase and a Loading state, then wrap data rendering with a LoadingSkeleton as described.