# react-project

**Repository Path**: away-web/react-project

## Basic Information

- **Project Name**: react-project
- **Description**: react18
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-25
- **Last Updated**: 2024-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-project

#### 介绍
react18

#### react-basic
1. 使用cra(creat-react-app)创建项目，打包工具为webpack
2. 此项目为react基础知识，如组件传参，jsx语法，useEffect, hooks, useEemo, zustand ...


#### react-redux
1. 使用cra(creat-react-app)创建项目，打包工具为webpack
2. 此项目为 redux 知识以及基础配置写法


#### react-router-pro
1. 使用cra(creat-react-app)创建项目，打包工具为webpack
2. 此项目为 router 的基础配置，写法和实现方式


#### redux-meituan
1. 使用cra(creat-react-app)创建项目，打包工具为webpack
2. 此项目为美团实例项目，简单的购物车功能，使用了redux，以及Mock模拟数据，模拟数据启动命令为 npm run server


#### react-bill-test
1. 使用cra(creat-react-app)创建项目，打包工具为webpack
2. 此项目为记账本示例项目，使用了react-redux，react-router，axios，antd-mobiles以及Mock模拟数据，模拟数据启动命令为 npm run server
3. 使用插件有classnames，dayjs，loadsh，json-server，sass


#### react-jike
1. 此项目为一个简单的文章管理项目，包含功能：登录,文章的增删改查以及echarts图表
2. 使用cra(creat-react-app)创建项目，打包工具为webpack
3. react-redux，react-router，axios，antd, sass, classnames, react-quill...
4. 做了cdn引入优化


#### react-ts-pro
1. 使用vite创建项目，npm init vite@latest react-ts-pro -- --template react-ts
2. 简单介绍react和ts的用法


#### react-jike-mobile
1. 使用vite创建项目，npm init vite@latest react-jike-mobile -- --template react-ts
2. 移动端项目,  react-redux，react-router，axios，antd-mobile,
3. 一个简单的tab列表以及详情页项目