How do I embed a custom Razor component into an XAF View?

You can wrap a Razor component by creating a ComponentModelBase and a BlazorViewItem, then registering it in your module's model interface extenders.

Can I use JavaScript interop within XAF controllers?

Yes, you can inject IJSRuntime into your ViewController using the [Autowired] attribute or via the constructor to call JavaScript functions from C# actions.

Why is InvokeAsync critical in XAF Blazor applications?

Blazor Server runs on a circuit with a specific synchronization context. Updating the UI from a background thread or an async operation without using InvokeAsync can lead to InvalidOperationExceptions.

Does this skill support the .NET 8+ minimal hosting model?

Yes, it provides standardized Program.cs configuration patterns for the modern .NET hosting model and AddXaf/AddXafBlazor service registration.

XAF Blazor UI Helper

Name: XAF Blazor UI Helper
Author: kashiash

bykashiash

•

Design Tools

Builds and customizes enterprise-grade Blazor Server applications using the DevExpress eXpressApp Framework (XAF).

The xaf-blazor-ui skill provides specialized guidance and implementation patterns for developing high-performance business applications on the XAF Blazor platform. It addresses critical framework-specific challenges including thread-safe UI updates via InvokeAsync, the integration of custom Razor components as ViewItems, and proper JavaScript interop within XAF controllers. By following these domain-specific best practices for .NET 8+, developers can ensure their XAF applications are robust, maintainable, and leverage the full power of the DevExpress component ecosystem.

Key Features

01Programmatic navigation and Detail View layout customization

022 GitHub stars

03Comprehensive property editor mapping for DevExpress Blazor components

04Integration patterns for custom Razor components using IComponentContentHolder

05Thread-safe UI patterns using InvokeAsync for Blazor Server circuits

06Optimized SignalR and error handling configurations

Use Cases

01Implementing complex background tasks that require safe UI thread updates

02Modernizing legacy XAF applications by migrating to the Blazor UI platform

03Extending standard XAF views with bespoke Razor components and JS libraries

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kashiash/xaf-skills xaf-blazor-ui

For use in Claude.ai and ChatGPT