What is Dux Refine?
Dux Refine is a frontend solution designed for a wide range of scales in back-office management applications. It is built upon the Refine framework to manage functionalities and leverages TDesign UI components to construct the user interface. Additionally, this solution integrates various necessary preset components, offering an out-of-the-box feature set without the need for intricate configurations.
Features
Refine Integration
Dux Refine seamlessly integrates the capabilities of Refine and encapsulates most of the preset parameters. You can refer to corresponding documentation for development. It encompasses encapsulation of built-in features such as routing, datasets, permissions, menus, and internationalization (i18n). 2
TDesign Hooks
For specific TDesign components, we've extended their functionality with hooks, such as
useTable
,useForm
,useUpload
, and more. These components facilitate easy interaction between TDesign and Refine's data.Unocss Presets
The system integrates Unocss presets and extends them using TDesign's foundational Design Tokens. While utilizing Unocss, you can effortlessly maintain design consistency.
Enhanced Components
Dux Refine includes commonly used page components like table lists, modal forms, form pages, and more, effectively handling most
CRUD
operations. Moreover, we've expanded other elemental components to accelerate your development speed.
Prerequisite Knowledge
To effectively utilize Dux Refine, you should be familiar with the following foundational concepts: