abp-uilisted
Install: claude install-skill burakdmir/abp-skills
# ABP Framework — UI & Frontend
ABP Framework v10.4 UI framework integrations. MVC, Blazor, Angular, React, theming.
## Trigger
- "ABP UI"
- "ABP MVC"
- "ABP Blazor"
- "ABP Angular"
- "ABP React"
- "ABP theme"
## UI Frameworks
| Framework | Type | Note |
|---|---|---|
| MVC/Razor Pages | Server-side | Default |
| Blazor Web App | Server-side (.NET 10) | Modern Blazor |
| Blazor WASM | Client-side | SPA |
| Angular | Client-side | TypeScript |
| React | Client-side | Modern template |
## MVC Controller
```csharp
[Area("App")]
[Route("api/app/book")]
public class BookController : AbpController
{
private readonly IBookAppService _bookAppService;
public BookController(IBookAppService bookAppService) => _bookAppService = bookAppService;
[HttpGet]
public Task<PagedResultDto<BookDto>> GetListAsync(PagedAndSortedResultRequestDto input) =>
_bookAppService.GetListAsync(input);
}
```
## Razor Page
```csharp
public class IndexModel : AbpPageModel
{
public List<BookDto> Books { get; set; }
public IndexModel(IBookAppService bookAppService) => _bookAppService = bookAppService;
public async Task OnGetAsync()
{
var result = await _bookAppService.GetListAsync(new());
Books = result.Items;
}
}
```
## Blazor Component
```razor
@page "/books"
@inject IBookAppService BookAppService
@if (books == null) { <p>Loading...</p> }
else {
@foreach (var book in