react-admin-template
这是一个基础的 react admin 管理后台。
本架构使用的技术为:react17+vite2+ant4 新一代的前端框架,It's easy and fast!
使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率
更新日志
--- to look the doc-
线上体验
github 地址: https://github.com/jzfai/react-admin-template.git
国内体验地址:http://8.135.1.141/react-admin-template
例子
---- 我们先看看加载速度和构建后的包大小:
相关项目
框架有js,ts版本
react js版本: react-admin-template
react ts版本: react-admin-ts
vue3 plus版本:vue3-element-plus
java微服务后台数据:micro-service-plus
开发和使用感受:两个字 真香!!!!!
文档
和传统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视频教程)
版本
MIT license.
Copyright (c) 2021-present kuanghua