基于antd的react后台项目模版,typescript开发

基于antd的react-admin-template,采用typescript开发,提供基础后台管理功能。项目简化了复杂性,专注于核心功能,如静态路由、路由守卫、redux集成和react hooks编程。支持热重载、样式模块化,封装axios并提供自定义hooks,便于扩展和性能优化。

react-admin-template

由于现有的一些 react admin 项目都太过复杂,集成了一些我不太需要的功能,所以决定自己撸一个,全面面向 react hooks。
基于 antd 的 react 后台管理项目模板,使用 typescript 开发。本项目创意来自 vue-admin-template。
没有使用官方的脚手架工具,使用 webpack 打包项目。
只集成了基本功能,后续其他功能可以轻松扩展。给一些 react 中后台项目提供了开箱即用的模版工程

用法

git clone https://github.com/xhuz/react-admin-template.git

npm install

npm run dll

npm run dev

在 4000 端口开启一个开发服务器

功能

  1. 实现静态路由,通过静态路由自动生成菜单,路由 lazy 加载,优化性能
  2. 实现路由守卫,管理登陆状态,如果有权限的需求也可以自己进一步扩展
  3. 集成 redux 状态管理,redux-thunk 用来执行异步操作
  4. 全面面向 react hook 编程
  5. 支持 css module,支持 css 和 sass,对 less 有需求可以自行配置 webpack
  6. 集成 styled-jsx,支持 sass
  7. 封装 axios 保证类
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值