Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/2662419405/react_admin
:tada: TS+Hooks 后台管理系统 http://hooks.sunhang.top
https://github.com/2662419405/react_admin
axios hooks react reactjs redux redux-saga typescript
Last synced: 2 months ago
JSON representation
:tada: TS+Hooks 后台管理系统 http://hooks.sunhang.top
- Host: GitHub
- URL: https://github.com/2662419405/react_admin
- Owner: 2662419405
- License: mit
- Created: 2020-04-24T07:35:51.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T04:19:39.000Z (almost 2 years ago)
- Last Synced: 2023-03-03T08:33:33.132Z (almost 2 years ago)
- Topics: axios, hooks, react, reactjs, redux, redux-saga, typescript
- Language: TypeScript
- Homepage:
- Size: 5.1 MB
- Stars: 39
- Watchers: 2
- Forks: 11
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TS + Hooks 后台管理系统
> 开始制作的时间是从 2020-4-28
自己也发布过几个小型的demo,虽然没人看๑•ૅૄ•๑), 但还是喜欢与大家共同学习进步
## 快速预览
[线上](http://hooks.sunhang.top/)
## 项目介绍
使用最新的技术栈制作React后台管理系统: 针对react16的新特性做了练习,里面包含数组可视化,笔记整理等模块,还会不断完善中...
## 快速使用
```yaml
npm install #安装依赖
npm run start #启动项目
npm run build #打包文件
```
## 目录结构
```js
// 项目结构
├─build // 打包文件
├─public // 默认模板文件
├─src
│ ├─api // 请求api文件
│ ├─aassets // 静态资源
│ ├─img // 公共图片
│ └─styles // 公共样式
│ ├─components // 组件
│ ├─config // 配置自定义图标库,axios的BaseURL等
│ ├─constants // 全局变量
│ ├─hooks // 自定义hooks
│ ├─layout // 布局组件
│ ├─router // 路由文件
│ ├─services // 接受请求处理文件
│ ├─store // 数据中心
│ ├─action // 派发的action合集
│ ├─reducer // 处理action和state
│ └─constants // store的局部变量
│ ├─types // 全局类型
│ ├─utils // 封装的常用方法
│ ├─views // 页面
| ├─index.tsx // 入口文件
| ├─setupProxy // 全局代理
| └─setupTests // 测试文件入口
```
## 核心技术栈
```json
"antd": "^4.1.4",
"axios": "^0.19.2",
"http-proxy-middleware": "^1.0.3",
"node-sass": "^4.14.0",
"react": "^16.13.1",
"react-app-rewired": "^2.1.5",
"react-redux": "^7.2.0",
"react-router-dom": "^5.1.2",
"react-scripts": "3.4.1",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0",
"typescript": "~3.7.2"
```
## 计划
- [ ] jest测试
## Online preview
[Follow me](https://sunhang.top)
---
## License
[MIT](./LICENSE)