Ant Design Pro 是 Ant Design 官方推出的非常优秀的、开箱即用的、中台前端解决方案，而 React-Better-Admin 也是向 Ant Design Pro 学习，对标 Ant Design Pro，打造 "另一套" 优秀的、开箱即用的、中台前端解决方案。
特点
- 1、基于 TypeScript ������
- 2、基于最新的 React 18 ������
- 3、基于最流行的设计风格 Ant Design v5.x ����
- 4、基于 React Router v6.x 做路由管理，支持懒加载 ����
- 5、基于 Vite4 做项目编译打包工具 ����
- 6、基于 Redux、Redux Toolkit 做状态管理 ����
- 7、基于 RTK Query 请求管理 ��
- 8、完善的 国际化 配置支持 ��
- 9、完善的 登录认证 配置支持 ��
- 10、完善的 权限管理 + 动态菜单 配置支持 ��
- 11、完善的 Mock 数据支持
- 12、友好的代码风格和注释...
- 13、基于 MIT 开源协议，放心商用，永久免费 ������
- 14、更多小惊喜...
为什么不直接用 Ant Design Pro ，而全新开发 React-Better-Admin 呢？ 我们团队主要认为有以下几个原因：
-
1、Ant Design Pro 是基于阿里自己的 Umi 进行开发的，我们团队不熟悉 Umi ，并且 Umi 并不像 Redux、Vite4、React Router 那么流行（不给出数据了）。
-
2、Umi 自己包含了代码构建、测试、路由、状态管理等能力，它既是一个打包工具、也是一个运行时依赖框架，从用户需求角度来讲： Umi = Vite4 + React Router + Redux + RTK Query （或者 Axios 等）。但是，在 React 的生态中，我们除了使用 React 来构建 web 产品以外，还可能通过 React-Native 来构建 app 应用，在这方面： React Router、Redux 都是支持非常友好，而 Umi 视乎没有太多案例。
-
3、我们（包括用户）基于 React-Better-Admin 开发出的商业产品进行销售的时候，客户公司的 ”技术架构师“ 往往有很重话语权，而纵观整个互联网，使用 "React Router + Redux" 的架构师，好像要比 Umi 多一些。
但无论如何，Ant Design Pro 非常优秀，我们努力向它靠齐。
应用截图
登录页面
岗位管理
开始使用 React-Better-Admin
Clone
git clone https://gitee.com/better-admin/react-better-admin.git
Install
cd react-better-admin npm install
Run
vite
-
什么是高阶组件 在解释什么是高阶组件之前，可以先了解一下什么是 高阶函数，因为它们的概念非常相似，下面是 高阶函数 的定义： 如果一个函数 接受一个或多个函数作为参数或者返回一个函数 就可称之为 高阶函数。 下面就是一个简单的高阶函数： function withGreeting(greeting = () => {}) { return greeting; } 复制代码 高阶组件 的定义
-
react 前端拆分 A lot of folks (myself included) are used to write SPA React applications that need both a user-facing part and an admin interface for managing the data. In general, there are a variety of
-
react with Keeping track of your users and your app performance is a very crucial part of modern web development. You may have seen reports of companies increasing revenues by simply decreasing the lo
-
react项目需要开发依赖 This article on whether you need to know React as a WordPress developer was originally published by Torque Magazine, and is reproduced here with permission. 这篇关于您是否需要了解React作为WordPress开发
-
本文目录 什么是高阶组件 React 中的高阶组件 属性代理（Props Proxy） 反向继承（Inheritance Inversion） 高阶组件存在的问题 高阶组件的约定 高阶组件的应用场景 装饰者模式？高阶组件？AOP？ 总结 什么是高阶组件 在解释什么是高阶组件之前，可以先了解一下什么是 高阶函数，因为它们的概念非常相似，下面是 高阶函数 的定义： 如果一个函数 接受一个或多个函数作为
-
React-Admin是基于React16.x、Ant Design3.x的管理系统框架。 采用前后端分离，内置了许多管理系统常用功能，通过一些脚本、封装帮助开发人员快速开发管理系统，集中精力处理业务逻辑。 项目结构 .├── config // 构建配置├── nginx-conf // 生产部署nginx配置参考├── public
-
本文向大家介绍javaWEB中前后台乱码问题的解决方法总结，包括了javaWEB中前后台乱码问题的解决方法总结的使用技巧和注意事项，需要的朋友参考一下 JAVA中几种常见的编码格式及含义： ASCII 码 学过计算机的人都知道 ASCII 码，总共有 128 个，用一个字节的低 7 位表示，0~31 是控制字符如换行回车删除等；32~126 是打印字符，可以通过键盘输入并且能够显示出来。 ISO-
-
本文向大家介绍Java前端Layer.open.btn验证无效解决方法，包括了Java前端Layer.open.btn验证无效解决方法的使用技巧和注意事项，需要的朋友参考一下 今天遇到了一个很可笑的问题，在.Layer弹窗open中设置了多个按钮，只有yes按钮有效，btn2点击后直接关闭弹窗，排查了2个小时后终于解决，就是btn2要return false! 以上方法大家可以测试下 ，感谢你的阅
-
问题内容： 我有几个预定的人。每个客户只有一个客户，尽管可以为一位客户预订在不同时间发生的多个约会。 现在，当管理员通过查看管理员中的约会（按时间排序）浏览日程表时，有时他们希望查看有关具有特定约会的客户的信息。现在，他们必须记住客户的姓名，从“约会”导航到“客户”管理页面，找到记住的客户，然后才能浏览其信息。 理想情况下，像管理员内联之类的东西会很棒。但是，如果有，我似乎只能在管理页面Custo
-
我目前正在做codingbat问题的乐趣，我刚刚做了这个问题。 “给定一个字符串，考虑由字符串的前N个字符组成的前缀字符串。该前缀字符串是否出现在字符串的其他地方？假设字符串不是空的，并且N在1..str.length（）的范围内。前缀再次（”abxyabc“,1)→真前缀再次（”abxyabc“,2)→真前缀再次（”abxyabc“,3)→假”http://codingbat.com/prob/
-
本地nginx部署请求响应显示We're sorry but DataEase doesn't work properly without JavaScript enabled. Please enable it to continue.如何解决？ get请求状态是200但是响应We're sorry but DataEase doesn't work properly without JavaS