这是什么?
Refine 是一个开源的 React 框架,用于构建内部工具、管理后台、仪表盘和 B2B 应用,灵活性很高。
这是 UI 组件库,还是无头框架?
Refine 是无头框架:它提供用于数据获取、路由、身份验证和 CRUD 操作的 Hooks 与逻辑,但不自带预构建的界面,因此你需要搭配 Ant Design、Material UI、Mantine 或自己的组件使用。
我该如何启动一个新的 refine 项目?
该项目的 monorepo 中包含一个 create-refine-app 命令行工具包,用于搭建新项目;之后,你可以用所选的 UI 库和数据提供方来构建页面。
使用 refine 必须连接特定的后端吗?
不需要特定的后端。refine 支持多种数据提供方,包括 REST、GraphQL 和 NestJS,因此几乎可以连接任何 API。
无头方式有什么缺点?
由于 refine 不自带 UI,你必须先自行接入 UI 组件库,才能得到可用的界面;此外,要参与该仓库本身的贡献,还需要 Node.js 18+ 和 pnpm 9+,其 monorepo 由 lerna 管理。
哪些 UI 框架可以接入 refine?
由于采用无头设计,refine 可以与 Ant Design、Material UI、Mantine、Chakra UI,或完全自定义的组件配合,负责视觉呈现层。
refine 会自动为我生成 CRUD 页面吗?
refine 的核心 Hooks 和路由围绕 CRUD 操作构建,因此你可以快速为每个资源接好列表、创建、编辑和详情页面,无需从零编写这些逻辑。
我可以把 refine 和 Next.js 或 NestJS 后端一起用吗?
可以。refine 对 Next.js(前端)以及作为后端数据源的 NestJS(包括 NestJs Query/CRUD)都有一流的支持和示例。
refine 免费使用吗?
是的,refine 完全开源,并以 MIT 许可证发布。
What are similar projects?
react-admin, appsmith, twenty, amis, gentelella, amplication, illa-builder, umi
Which topics is it in?
open-source-project, admin-ui, ant-design, internal-tools, crud, react-hooks, nestjs, good-first-issue, admin, headless, low-code, frontend-framework