v0.7.6
Release Date: January 2026
This is the initial documented release of ABP React, providing a complete React implementation of the ABP Framework UI.
Packages
| Package | Version | Description |
|---|---|---|
| @abpjs/core | 0.7.6 | Core infrastructure: auth, config, localization, permissions |
| @abpjs/account | 0.7.6 | Login, registration, and tenant switching |
| @abpjs/identity | 0.7.6 | User and role management |
| @abpjs/permission-management | 0.7.6 | Permission management modal |
| @abpjs/tenant-management | 0.7.6 | Multi-tenant management |
| @abpjs/theme-basic | 0.7.6 | Layout components |
| @abpjs/theme-shared | 0.7.6 | Shared UI (toasts, confirmations) |
Features
Core (@abpjs/core)
- Authentication - OAuth2/OIDC support with
oidc-client-ts - Configuration - ABP application configuration management
- Localization - Multi-language support with dynamic resource loading
- Permissions - Fine-grained permission checking with
usePermissionhook - REST Service - Axios-based HTTP client with ABP interceptors
- Session Management - User session state handling
- Redux Integration - State management with Redux Toolkit
Account (@abpjs/account)
- LoginForm - Complete login interface with validation
- RegisterForm - User registration with form validation
- TenantBox - Multi-tenant switching component
- Password Flow - OAuth2 resource owner password flow
Identity (@abpjs/identity)
- UsersComponent - Complete user management with CRUD operations
- RolesComponent - Complete role management with CRUD operations
- useUsers Hook - User management with pagination and search
- useRoles Hook - Role management operations
- Permission Integration - Manage user and role permissions
Permission Management (@abpjs/permission-management)
- PermissionManagementModal - Ready-to-use permission management UI
- Permission Providers - Support for role (R), user (U), and client (C) permissions
- Bulk Operations - Grant/revoke all permissions at once
Tenant Management (@abpjs/tenant-management)
- TenantManagementModal - Create and edit tenants
- useTenantManagement Hook - Full tenant CRUD operations
- Connection String Management - Per-tenant database configuration
Theme Basic (@abpjs/theme-basic)
- LayoutApplication - Main application layout with navigation
- LayoutAccount - Centered layout for authentication pages
- LayoutEmpty - Minimal layout for printing/embedded views
- Navigation System - Permission-based navigation with nested menus
- Profile Component - User profile management
- ChangePassword - Password change form
Theme Shared (@abpjs/theme-shared)
- Toaster - Toast notifications (success, error, warning, info)
- Confirmation - Promise-based confirmation dialogs
- Error Handler - Global error handling for ABP errors
- Theme Support - Light and dark mode support
Technology Stack
- React 18+
- TypeScript 5.6+
- Redux Toolkit - State management
- Chakra UI - Component library
- Axios - HTTP client
- oidc-client-ts - OAuth2/OIDC authentication
- React Router - Routing
- React Hook Form - Form handling
- Zod - Validation
Compatibility
| Requirement | Version |
|---|---|
| Node.js | >= 18.0 |
| React | >= 18.0 |
| ABP Framework | 7.x, 8.x |
Installation
npm install @abpjs/core @abpjs/account @abpjs/identity @abpjs/permission-management @abpjs/tenant-management @abpjs/theme-basic @abpjs/theme-shared
Getting Started
See the Getting Started guide for setup instructions.
Migration Notes
This is the initial release. No migration required.
Known Issues
None at this time.
Roadmap
- CLI boilerplate generator for quick project setup
- Additional UI components
- Enhanced theming support
- More documentation and examples