# react

**Repository Path**: Lang_xiao_bai/react

## Basic Information

- **Project Name**: react
- **Description**: react-antd-admin
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2022-11-15
- **Last Updated**: 2025-08-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
	<img src="/public/vite.svg">
	<p align="center">
		<a href="https://zh-hans.react.dev/" target="_blank">
			<img src="https://img.shields.io/badge/react-react%3C%3D18-green" alt="react">
		</a>
		<a href="https://ant.design/index-cn" target="_blank">
			<img src="https://img.shields.io/badge/antd-antd%3C%3D4.0-blue" alt="antd">
		</a>
		<a href="https://www.tslang.cn/" target="_blank">
	    <img src="https://img.shields.io/badge/typescript-%3E4.0.0-blue" alt="typescript">
	  </a>
		<a href="https://vitejs.dev/" target="_blank">
		  <img src="https://img.shields.io/badge/vite-%3E2.0.0-yellow" alt="vite">
		</a>
	</p>
	<p>&nbsp;</p>
</div>

## 💝 简介

antd-admin-鱿鱼飞，基于 react18 + tsx 组件 + typescript + vite + antd + react-router-domV6 + redux 技术，可免费商用，本项目也参考了很多开源的项目，希望减少工作量，帮助大家实现快速开发。

###

- gitee 国内访问地址：https://yuanzbz.gitee.io/vue-admin-perfect/#/home
- github site : https://zouzhibin.github.io/vue-admin-perfect/

### 💒git 仓库(欢迎 Star⭐)

- Gitee： —— [https://gitee.com/Lang_xiao_bai/react.git](https://gitee.com/Lang_xiao_bai/react.git)

## 🚧 项目功能

- 使用 react18 开发，组件采用 tsx
- 采用 Vite3 作为项目开发、打包工具（配置了 Gzip 打包、TSX 语法、跨域代理）
- 整个项目集成了 TypeScript
- 登录逻辑，使用 HOC 进行路由权限,动态路由拦截，判断，路由懒加载
- 封装 keep-alive 对整个页面进行缓存，支持多级嵌套页面
- 侧边栏导航菜单栏动态的显示
- 语言国际化，i18n
- 使用 redux 来控制仓库状态管理，使用 hooks 来处理 redux
- ProTabl 表格、水印、ProTable 后续文档
- 使用 Prettier 统一格式化代码，集成 Eslint、代码校验规范

## 🚧 效果截图

  <img src="/public/login.png">
  <img src="/public/i18n.png">
  <img src="/public/layout.png">
  <img src="/public/layout1.png">
  <img src="/public/col.png">
  <img src="/public/role.png">
  <img src="/public/router.png">
## 安装

```
  # Gitee
  git clone https://gitee.com/Lang_xiao_bai/react.git
```

## 下载依赖

```
 npm install
 cnpm install
 yarn
 # npm install 安装失败，请升级 nodejs 到 16 以上，或尝试使用以下命令：
  npm install --registry=https://registry.npm.taobao.org
```

## 运行打包

```
 npm run dev
 npm run build
```

## eslint+prettier

```
# eslint 检测代码
npm run lint

#prettier 格式化代码
npm run lint:prettier
```

### 微信交流

|                         微信二维码                         |
| :--------------------------------------------------------: |
| <img src="/public/微信图片_20230613164409.jpg" width=170/> |