pc 模板

React + TypeScript + Vite

antd + form-render

eslint + prettier

• eslint 校验规范
• prettier 定义风格

simple-git-hooks + commitlint + lint-staged

• simple-git-hooks 可以代替 husky,用于给本地 git 增加 hooks

命名

• 小写中划线 demo-test
• 大写驼峰 DemoTest
• 全大写下划线 DEMO_TEST
• 模块内变量 $param
• 文件夹命名
  • 普通 demo-test
  • 框架结构命名 复数

常用技术方案

• 路由变化提示 import { useBeforeUnload, useBlocker, } from 'react-router-dom';

常用组件

• keep-alive
• react-flow
• react-query
• ag-grid-react
• react-virtualized
• react-window
• zod
• zod-form
• zod-to-ts
• zod-to-ts-form
• zod-to-ts-form-render
• zod-to-ts-form-render-antd

状态管理

• zustand
• redux
• mobx
• jotai
• recoil
• xstate