Skip to content

React admin template based on the latest front-end technologies such as react18 and antd5

Notifications You must be signed in to change notification settings

cszo/react18-antd5-template

Repository files navigation

react18-antd5-template

致力打造成一个基于新版主流技术的React中后台模版 预览地址

Continuously optimizing! Continuously exploring best practices! Continuously integration of popular technology solutions for middle and back-end web systems!

Due to my limited skills 🤏 Welcome to star、fork、PR、or make your valuable suggestions 👏👏

主要技术栈

react18redux-toolkitvite4antd5ahookspro-componenttypescriptreact-router-dom6css modulescss in jsemotionaxios

lint工具

目录结构

react18-antd5-template

├─src
| ├─components      // 公共组件
| ├─features        // 业务组件(基于redux)
| ├─hooks           // 公共hooks
| ├─layouts         // 页面布局
| ├─mock            // mock数据
| ├─pages           // 业务页面
| ├─routes          // 路由配置
| ├─types           // 一些ts类型
| ├─utils           // 工具函数
| ├─store.ts        // redux store
| 
├─tsconfig.json     // ts配置
├─vite.config.ts    // vite配置

开始

  • 安装依赖

    pnpm install
  • 本地启动项目

    pnpm dev
  • 生产环境打包

    pnpm build:prod

提交格式

  • feat: 新增功能
  • fix: 修复 bug
  • docs: 仅仅修改了文档,比如 README, CHANGELOG 等等
  • test: 增加/修改测试用例,包括单元测试、集成测试等
  • style: 修改了空行、缩进格式、引用包排序等等(不改变代码逻辑)
  • perf: 优化相关内容,比如提升性能、体验、算法等
  • refactor: 代码重构,「没有新功能或者 bug 修复」
  • chore: 改变构建流程、或者增加依赖库、工具等
  • revert: 回滚到上一个版本
  • merge: 代码合并