- tailwindcss 原子化 css 工具库,建议使用
tailwindcss
+css in js
方案,放弃 less,sass 之类预处理工具。 - emotion css in js
- react-query 接口状态管理
- recoiljs 本地状态管理(暂无使用场景)
- ky 网络请求工具
- antd V4 已预设相关配置
- react-router-dom 目前版本 V6
- eslint 强制使用,禁止关闭
- classnames css 类名连接组合
- [lodash-es] ES modules 版本的 lodash
- formilyjs 表单渲染器
- [ProTable] (https://procomponents.ant.design/components/table) 基于 antd table 封装的重型 table 组件
- [ProLayout] (https://procomponents.ant.design/components/layout) 基于 antd layout 封装的重型 layout 组件
- comm 常量放于此
- components 此项目组件放于此
- pages 页面组件放在这里
- services 页面逻辑抽象放 1
- table + 查询 form 参考 home/index.tsx demo
- 子页面容器,Header 设置,参考 home/index.tsx PageContainer
- styled-components 建议使用 css in js 替换 css,less,提高 css 可维护性
- 面包屑 开箱即用
- fetch 请求 @/utils 暴露多个请求方式常规业务请求使用
jsonPost
方法 - react query 的 useQuery 已添加默认请求方法,参数标准为长度至少为 1 的 Array,第一位为 url,第二位为请求参数,其他为监听字段
- 鉴权插件化使用