react-admin-template

这是一个基础的 react admin 管理后台。

本架构使用的技术为：react17+vite2+ant4 新一代的前端框架，It's easy and fast!

使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率

更新日志

--- to look the doc-

真香定律！带你用react17+vite2撸后台

线上体验

github address

Access address

github 地址： https://github.com/jzfai/react-admin-template.git

国内体验地址：http://8.135.1.141/react-admin-template

例子

---- 我们先看看加载速度和构建后的包大小：

template-speed-analysis template-demo

相关项目

框架有js，ts版本

• react js版本： react-admin-template

• react ts版本： react-admin-ts

• vue3 plus版本：vue3-element-plus

• java微服务后台数据：micro-service-plus

开发和使用感受：两个字 真香！！！！！

文档

• 真香定律！带你用react17+vite2撸后台

和传统react admin区别

1.路由配置简单，一次配置即可完成路由生成和页面渲染

2.采用 react hooks ,写法更加灵活，简单，更易维护和迁移

3.使用vite2代替webpack 配置更加简单，打包和运行速度更快

构建步骤

# 克隆项目
git clone https://github.com/jzfai/react-admin-template.git

# 进入项目目录
cd  react-admin-template

# 安装依赖(建议用pnpm)
pnpm 

# 启动服务
pnpm  run dev

浏览器访问 http://localhost:5005

发布

# 构建测试环境
pnpm  run build-serve

# 构建生产环境
pnpm  run build

其它

# 预览发布环境效果
pnpm  run preview:build-serve

# 预览生产环境
pnpm  run preview

# 代码格式检查并自动修复
pnpm  run lint

额外

架构开发不易，如果感觉好，请给我点个赞憋，架构还在不断完善中，欢迎加入我开发，一起成为Contributors ！！！！

浏览器支持

Modern browsers and Internet Explorer 11+.

讨论和交流(含react17+ts视频教程)

WeChat group

版本

MIT license.

Copyright (c) 2021-present kuanghua