发布于 2026-01-06 8 阅读
0

5分钟即可搭建您的下一个管理面板!

5分钟即可搭建您的下一个管理面板!

优化 - React 框架管理面板

[GitHub](https://github.com/pankod/refine) | [教程](https://refine.dev/docs) | [示例](https://example.refine.dev)

什么是精炼?

refine提供了许多开箱即用的功能,可实现快速开发,同时又不牺牲高度的自定义性。应用场景包括但不限于管理面板 B2B 应用仪表盘

您的 API 已全面支持,开箱即用!可连接到任何 REST 或 GraphQL 自定义后端。

内置支持
NestJs CRUD、Airtable、Strapi、Strapi GraphQL、Supabase 和 Altogic。

动机

高级前端框架可以节省你很多时间,但它们通常会在速度和灵活性之间做出权衡。

凭借多年开发 B2B 前端应用和使用主流框架的经验,我们提出了一种解决这一难题的新方法。这就是refine 的由来。

refine是一系列辅助函数的集合hooks它们都与你的 UI 组件和业务逻辑解耦,因此永远不会妨碍你自定义 UI 或编写自己的流程。componentsproviders

由于refine对 UI 和逻辑完全不加任何预设,但它对应用程序的三个部分却有着强烈的预设:

  1. API网络
  2. 国家管理
  3. 身份验证与授权

我们认为,这些是数据密集型前端应用程序最重要的组成部分,应该通过利用行业最佳实践来稳健地处理。

refine保证您在项目中完美实现这些构建模块,让您可以专注于开发。

建筑

refine大量使用hooks作为与组件交互的默认方式。
底层,refine高度依赖React Query进行数据处理、缓存和状态管理。
对外部资源和 API 的访问通过 providers 实现,providers 本质上是用于扩展的插件式组件。

主要特点

⚙️零配置:使用Superplate进行一行设置。启动一个项目只需不到一分钟。

📦开箱即用:路由、网络、身份验证、状态管理、i18n 和 UI。

🔌后端无关:可连接到任何自定义后端。内置支持REST APIGraphQLNestJs CRUDAirtableStrapiStrapi GraphQLSupabaseAltogic

📝原生 TypeScript 核心:您也可以选择使用纯 Javascript。

🔘解耦式 UI:UI 组件直接暴露,不进行封装。您可以完全控制 UI 元素。

🐜强大的默认用户界面:与集成的Ant 设计系统无缝协作。(支持多种 UI 框架已列入开发计划)

📝无样板代码:保持代码库的简洁易读。

链接

GitHub |教程|演示

文章来源:https://dev.to/refine/build-your-next-admin-panel-in-a-5-minute-with-beautiful-ant-design-38bl