5分钟即可搭建您的下一个管理面板!
什么是精炼?
refine提供了许多开箱即用的功能,可实现快速开发,同时又不牺牲高度的自定义性。应用场景包括但不限于管理面板、 B2B 应用和仪表盘。
您的 API 已全面支持,开箱即用!可连接到任何 REST 或 GraphQL 自定义后端。
内置支持
NestJs CRUD、Airtable、Strapi、Strapi GraphQL、Supabase 和 Altogic。
动机
高级前端框架可以节省你很多时间,但它们通常会在速度和灵活性之间做出权衡。
凭借多年开发 B2B 前端应用和使用主流框架的经验,我们提出了一种解决这一难题的新方法。这就是refine 的由来。
refine是一系列辅助函数的集合。hooks它们都与你的 UI 组件和业务逻辑解耦,因此永远不会妨碍你自定义 UI 或编写自己的流程。componentsproviders
由于refine对 UI 和逻辑完全不加任何预设,但它对应用程序的三个部分却有着强烈的预设:
- API网络
- 国家管理
- 身份验证与授权
我们认为,这些是数据密集型前端应用程序最重要的组成部分,应该通过利用行业最佳实践来稳健地处理。
refine保证您在项目中完美实现这些构建模块,让您可以专注于开发。
建筑
refine大量使用hooks作为与组件交互的默认方式。
底层,refine高度依赖React Query进行数据处理、缓存和状态管理。
对外部资源和 API 的访问通过 providers 实现,providers 本质上是用于扩展的插件式组件。
主要特点
⚙️零配置:使用Superplate进行一行设置。启动一个项目只需不到一分钟。
📦开箱即用:路由、网络、身份验证、状态管理、i18n 和 UI。
🔌后端无关:可连接到任何自定义后端。内置支持REST API、GraphQL、NestJs CRUD、Airtable、Strapi、Strapi GraphQL、Supabase和Altogic。
📝原生 TypeScript 核心:您也可以选择使用纯 Javascript。
🔘解耦式 UI:UI 组件直接暴露,不进行封装。您可以完全控制 UI 元素。
🐜强大的默认用户界面:与集成的Ant 设计系统无缝协作。(支持多种 UI 框架已列入开发计划)
📝无样板代码:保持代码库的简洁易读。
