react-jira

• 技术栈 React + Typescript + react-query
• 全局状态采用的是 context + url 方案，服务器状态采用的react-query状态库
• CSS 方案采用的是 CSS in JS 库emotion

项目目录

│  .env  // 生产环境变量
│  .env.development  // 开发环境变量
│  .gitignore  // git 忽略文件
│  .prettierignore  // prettier忽略文件
│  .prettierrc.json  // prettier配置文件
│  commitlint.config.js  // commitlint配置文件
│  craco.config.js  // 修改antd默认配置
│  README.md  // 项目描述
│  tsconfig.json  // ts配置文件
│
├─.husky
│
├─public
│      manifest.json  // PWA 移动APP配置文件，用于指定应用的显示名称、图标、入口页面等信息
│      mockServiceWorker.js  // Mock Service Worker
│
└─src
    │  App.tsx
    │  auth-provider.ts  // 登录、注册等认证封装
    │  authenticated-app.tsx  // 登录后的页面
    │  index.tsx  // 入口文件
    │  react-app-env.d.ts  // 引入提前定义好的类型声明文件
    │  reportWebVitals.ts  // 埋点上报
    │  require.ts  // 封装fetch请求
    │  setupTests.ts  // 配置单元测试
    │  wdyr.ts  // 配置前端性能监测插件Why Did You Render
    │
    ├─assets  // 静态文件
    │
    ├─components // 组件文件
    │      error-boundary.tsx  // 错误边界组件
    │      lib.tsx  // 公共组件
    │
    ├─context
    │      auth-context.tsx  // 用户信息与操作的context
    │      index.tsx  // APP全局context
    │
    ├─screens
    │  ├─epic  // 任务组
    |  |
    │  ├─kanban  // 任务看板
    |  |
    │  ├─project  // 项目详情
    |  |
    │  └─project-list  // 项目列表
    │
    ├─unauthenticated-app  // 未登录容器组件
    │      index.tsx
    │      login.tsx
    │      register.tsx
    │
    └─utils // 工具文件及各模块的query请求处理