# react-node-hooks

**Repository Path**: lczhong/react-node-hooks

## Basic Information

- **Project Name**: react-node-hooks
- **Description**: react18+antd+rtk，适合作为rbac权限模式项目模板
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-06-14
- **Last Updated**: 2026-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-hooks-new

#### 介绍
react18 hooks redux react-router

#### 软件架构
软件架构说明


#### 安装教程

1.  yarn 安装依赖
2.  yarn start 启动项目
3.  yarn serve 启动json-server模拟数据的服务(新开cmd命令窗口)
4.  serve -s build 打包后本地预览（前提是安装了yarn global add serve 依赖）
5.  yarn analyze 打包后包体积大小可视化

#### 使用说明
1. craco.config.js 进行相关webpack配置
2. jsconfig.json  // 文件引入输入 "@/" 时 联想路径配置
3. json-server // 数据mock服务，一个key对应一个接口
    /server/data.json 下放置响应key value json 数据
    http://localhost:8888/takeaway // 获取商品列表    
    http://localhost:8888/ka // 记账本列表
4. source-map-explorer 体积优化-包体积大小可视化分析
5. 图标使用iconfont: 把icon-xxxx 传进 IconFont 组件 type
https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4581246


#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)