# vite-react-hooks-redux **Repository Path**: chenchuangtx/vite-react-hooks-redux ## Basic Information - **Project Name**: vite-react-hooks-redux - **Description**: vite创建react管理后台模板 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-04-21 - **Last Updated**: 2023-06-13 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Vite+React+Hooks+TS+Redux ### vite创建react初始化模板 ### Vite基本配置 ``` | server配置 | proxy配置 | alias配置(tsconfig.json) | scss配置 ``` ### react-router-dom路由配置 ### antd组件引入与使用 ### redux配置 ``` | redux\react-redux数据管理 | redux-persist 数据持久化存储 | redux异步中间件 redux-thunk ``` ### axios封装与配置 ### 动态路由配置 参考:layout/permission ``` | 动态路由全局化(扁平化) router/dealRoute | 动态路由结构处理(Aside.ts) router/dealRoute | 页面动态权限处理router/dealRoute --- App.tsx中对路由变化进行检测,并渲染 ``` ### 主题切换 ``` | App.tsx中进行设置 通过antd 提供的ConfigProvider进行基本组件内的主题替换 | 通过css-vars-ponyfill进行部分主题元素的全局化 ```