# react_ts_vite_project

**Repository Path**: zspringfeng/react_ts_vite_project

## Basic Information

- **Project Name**: react_ts_vite_project
- **Description**: react
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-16
- **Last Updated**: 2022-04-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Descripttion: gitee/github介绍
 * @version: 
 * @Author: spring
 * @Date: 2022-04-16 22:36:06
 * @LastEditors: spring
 * @LastEditTime: 2022-04-18 22:36:33
-->
# react + vite + Typescript + antd 演习项目

## 介绍

完善架构，重用代码，抽离公共组件演习项目；
原功能：文字搜索、档案建立、留言板和聊天

### hook：useReducer模块化
参见案例页：/src/useReducerStore
1、自动导入reduce，state模块；

### antd：抽离table
参见重写页：/src/components/Table/index.tsx
1、支持列的任意位插槽，默认是尾部；

### 其他
1、新增封装的接口相关模块，如：/http，/api；
2、封装本地定时存储；
3、生产开发环境配置等，如：/config；
4、抽离model层；

### 后续计划
主：使用useReducer；
次：抽离form公共组件；
次：真实请求；
次：esbuild；

### 搜索文字

在输入框中输入文字，点击搜索后文本就会高亮显示文字

### 档案

一个储存个人信息的档案页面，主要储存个人的姓名、身份证号、学历、工作经历等。档案所储存的数据都储存在本地缓存的'listDataVueXText'中。

### 留言板

收入完昵称后就可以留言，可以对留言点赞或删除。留言所储存的数据都储存在本地缓存的'messageCacheList'中。

### 聊天

两个账号之间的在线沟通，聊天的数据都储存在缓存在本地缓存的'chatDataList'中。

### 聊天新增内容

新增发布表情、新增发布图片