⚡refine.new - 推出创建 React 应用的最快方式
了解refine.new和refine框架如何改变开发者在 React 中创建前端应用程序的方式。
介绍
我想向大家介绍我们全新的开源浏览器工具——refine.new,它用于创建 Refine 应用,并改变开发者在 React 生态系统中创建 Web 应用的方式。
我们先来回顾一下架构优化过程💙
如您所知,Refine是一个基于 React 的开源框架,旨在简化和加速支持Next.js或Remix的 SSR Web 应用程序的开发。
它专为数据密集型应用程序(例如管理面板、仪表盘和内部工具)量身定制,但也能为面向客户的应用程序(例如在线商店和任何类型的 CRUD 应用程序)提供支持。

它消除了 CRUD 操作中的重复性任务,并为身份验证、访问控制、路由、网络、状态管理和国际化等关键项目组件提供了行业标准解决方案。
refine采用无头设计,提供无限的样式和自定义选项。此外,refine 还预装了与Ant Design、Material UI、Mantine和Chakra UI的集成,方便用户使用。
refine 拥有 15 种以上后端服务的连接器,包括 REST API、GraphQL以及Airtable、Strapi、Supabase、Firebase和Directus等热门服务。
✨ 随着refine.new的推出,开发者现在只需15 秒即可创建 refine 应用。
refine.new 是什么?
refine.new是一款创新的基于浏览器的工具,它允许您通过在浏览器中直接进行逐步选择,在短短 15 秒内创建一个新的优化应用程序。

该工具允许您通过选择所需选项来创建各种项目变体。
- React平台(Vite.js、Next.js或Remix),
- UI框架(Ant Design、Material UI、Mantine和Chakra UI,或无头UI选项),
- 后端服务(REST API、Supabase、Strapi、NestJs、Appwrite或Airtable),
- 身份验证提供程序(Google Auth、Keycloak、Auth0、Supabase、Appwrite、Strapi、自定义身份验证)。
一旦您做出选择,refine.new只需 2 秒钟即可创建一个完全符合您规格的 CRUD 应用。
生成的应用程序包含功能齐全的身份验证、CRUD 操作组件以及代码完整的页面。您可以更改主题颜色、徽标,预览应用程序,并测试 CRUD 操作和页面。
考虑到 refine.new 提供的构建步骤选项,项目可以有多种不同的组合方式。它支持三种 React 平台、五种 UI 框架、六种后端服务和八种身份验证提供商,您可以创建 720 种不同的组合,每一种都能满足您特定的项目需求。
您可以下载完整的项目代码,并将其作为您项目的起点。
💥 是的,它是完全开源且免费使用的。
点击此链接查看使用 refine.new 构建的示例 refine 应用。

为什么开发者需要进行优化?
refine和refine.new是 React 生态系统的变革者,它们让开发者能够极其轻松地快速构建完整的 CRUD 应用。以下是这些工具如何简化开发者的工作:
省时且易于使用
refine.new让开发者只需 15 秒即可创建带有交互式 UI 的完整应用程序,无需复杂的配置或设置。refine 还提供零配置、一分钟即可完成的设置,只需一条 CLI 命令即可完成,让您轻松快速地启动项目。
稳定且高质量的代码
refine.new能够生成符合行业最佳实践的高质量代码。这有助于在所有项目中保持高标准,并确保开发人员减少调试时间,将更多精力集中在应用程序的核心功能上。
企业级应用程序
Refine专为构建大型项目而设计,是开发企业级应用程序的开发人员的理想之选。凭借全面的测试覆盖率和强大且面向未来的架构,您可以确信您的应用程序将具有可靠性和可扩展性。
开源且免费
refine 和 refine.new 都是开源且免费的,开发者可以根据需要访问和修改完整的代码库。这使得开发者能够为项目做出贡献,从源代码中学习,并创建满足自身需求的定制解决方案。
缩短开发时间
通过自动化重复性任务并为关键项目组件提供内置解决方案,refine 和 refine.new 可显著缩短开发时间。这使得开发人员能够专注于实现独特的功能,从而使他们的应用程序在竞争中脱颖而出。
结论
refine 和 refine.new 正在变革 React.js 生态系统,让开发者能够以前所未有的速度构建高质量、数据密集型应用程序。凭借丰富的项目变体、企业级功能和精简的开发流程,这些工具有望成为 React.js 生态系统中 CRUD 应用程序开发者的首选。
亲身体验 refine 和 refine.new 的强大功能,看看它们如何彻底改变您的开发流程!
文章来源:https://dev.to/refine/refinenew-introducing-the-fastest-way-to-create-refine-apps-3c6n