# react-routerV6

**Repository Path**: feichong124/react-router-v6

## Basic Information

- **Project Name**: react-routerV6
- **Description**: react18 + routerV6 + redux + keepalive-react-component 
其中ui  ant-mobile
中间件 redux-promise  
 注册/登陆/详情页/个人中心/收藏列表
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://gitee.com/feichong124/react-router-v6
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-07-01
- **Last Updated**: 2023-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react18 + routerV6 + redux + keepalive-react-component

#### 介绍
        登录鉴权
        简单/登陆注册
        首页
        详情页功能
        收藏列表
        个人中心
        点赞/收藏
        nodejs默认开启端口3000 , 要是被占用记得修改 
        * http://127.0.0.1:3000/返回  {"code":200,"options":{"url":"","method":"GET","qs":{}}} 表示开启成功


#### 文档结构
        config                  yarn eject (加入依赖less less-loader)
        public                  公共文件夹
        script                  nodejs启动入口/部分json静态文件
        src
            |-api                   fetch封装 接口文件
            |-assets                资源文件/公用方法
            |-components            组件文件
                |--GoBack                 返回上一级
                |--HomeHead               首页头部
                |--NewsList               首页列表
                |--SkeletonAgain          骨架
                |--ViewHeader             头部标题
                
            |-router                路由
                |--index                  路由鉴权
                |--routes                 路由映射表
            |store                        redux createActions
                |-action                  
                    |--detail                 详情列表action
                    |--......                 对应各个页面action
                    |--index.js               action集合
                |-reducer                reducer文件
                    |--detail                 详情列表reducer
                    |--......                 对应各个页面reducer
                    |--index.js               reducer文件
                |-store                 路由映射表
                |-action-type           TYPES汇总
                |-index                 createStore redux中间件reduxThunk, reduxPromise
            |-view                  页面文件
                |--detail                 详情列表
                |--Home                   首页
                |--Login                  登陆/注册
                |--Page404                404页面
                |--Personal               个人中心(不含修改)
                |--Store                  收藏列表
                |--Store                  收藏列表

            |-App                   路由视口/keep-alive注入
            |-index.js              入口/store注入/rem注入
            |-index.less            样式重置/安全区域样式修改
            |-setupProxy.js         代理(部分暂时未用到)
        .eslintrc.js            eslint配置文件
        .gitignore              git忽略配置
        package.json            项目配置文件
        README.md               项目的说明文档
        yarn.lock               依赖包锁定文件
            

#### 软件架构
        react18 + routerV6 + redux + keepalive-react-component
        less
        其中ui  ant-mobile
        中间件  redux-promise 


#### 安装教程

        yarn 

#### 使用说明

        yarn  start 
 

#### 特技

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/)