作为Vue爱好者如何转战React,从这款开源项目开始基于 React18,TypeScript,vite4,antd4.x等技术开箱即用的中后台管理解决方案

5,095 阅读2分钟

vite.svg

react antd typescript vite license

React mu admin

 

⚡ 简介

React mu admin, 基于 React18,TypeScript,vite4,antd4.x等相关主流技术开发,一个免费开源的中后台管理系统开箱即用的前端解决方案,也可适用于学习React时进行参考或练手的项目。

🌈 特性

  • 主题切换:普通、暗黑主题模式
  • Mock 数据: 内置 Mock 数据方案
  • 用户管理:登录、登出演示、账号管理
  • 权限管理:路由权限(动态路由)、组件权限(按钮)
  • 组件: 二次封装常用组件(空状态、表格、表单、弹窗、上传文件、水印)等
  • 错误页面: 403、404 页面
  • 多代理配置:开发环境(development)配置多个本地代理
  • 其他内置功能:伸缩侧边栏、面包屑、全屏等

📚 预览

preview1.png preview2.png preview3.png preview4.png

⭐ 仓库地址

🔨 安装

  • 克隆项目
git clone https://github.com/haojiey/react-mu-admin.git
  • 安装依赖
cd react-mu-admin

cnpm install
yarn install
//安装失败,请升级 nodejs 到 16 以上
  • 运行项目
npm run start
yarn start
  • 打包项目
npm run build
yarn build

🌈 线上接口

本地采用 Mock 数据,线上采用 EasyMock:

🔨 Git 提交规范

  • feat 增加新的功能
  • fix 修复 BUG
  • perf 优化功能
  • style 代码风格调整不影响运行结果的
  • refactor 重构代码
  • revert 撤销修改
  • test 测试相关
  • docs 文档和注释相关
  • chore 依赖更新/脚手架配置修改等
  • workflow 工作流改进
  • ci 持续集成
  • types 类型定义文件更改
  • wip 开发中

📑 浏览器支持

EdgeFirefoxChromeSafari
last 2 versionslast 2 versionslast 2 versionslast 2 versions

结语

作者为一名Vue的爱好者,在转战React时写的项目。

没有复杂的业务逻辑,大多为通用的几个模版,适合开箱即用,也适合学习React时拿来练手

如果这个项目对您有一点点的帮助,请给个star👍👍👍