# 全球新闻后台+前台 React+Antd+TypeScript

**Repository Path**: FM107/ReactFirst

## Basic Information

- **Project Name**: 全球新闻后台+前台 React+Antd+TypeScript
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2022-04-20
- **Last Updated**: 2023-11-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, Ant-Design, TypeScript

## README

# 全球新闻前后台项目 React+Antd+TypeScript

### 项目介绍

此项目包括前台和后台，后台系统可以根据权限动态展示路由，拥有全套的审核系统，发布系统，前台的接口由特殊接口接入，拥有点赞，和阅读量的更新，前台部分时比较简单的，重点在于后台管理部分，由于没有真正的后端接口，项目使用json-server模拟了全部的接口。

### 使用到的技术

LodashJs：一个高性能js库，在本项目中处理特需的DeepClone问题

momentJs：非常好的库，可以轻松处理时间数据，在本项目中处理发布和提交时间

react-draft-wysiwyg：为react开发的富文本编辑器，在本项目中用来处理新闻编辑部分

antd：非常优秀的组件库，为本项目提供了大量可复用的组件

echarts：一个基于 JavaScript 的开源可视化图表库，非常强大，在本项目中处理数据可视化

axios：通过二次封装，在项目中处理全部的请求

rstore-react-ts：由于项目全局状态管理没有过于复杂，所以使用了自己封装的状态管理工具，目前的网址是[rstore.top](rstore.top),我会一直维护它，并且当我能力再提升时将进行底层重构。

### 总结：

首次尝试react项目感觉还是很不错的，因为制作过vue和uni-app等项目后，上手react项目难度也没有那么高，项目还算顺利，学习到了很多东西和很多的代码规范。