react使用技巧

1搭建项目要看项目支持什么浏览器 通常是 vite+react18

2有些是需要小文件大小的 使用react小版本插件 有些需要支持ie11,建议webpack打补丁

3组件库的选择 比如antd有变量控制颜色 css in js 方便是方便

4路由的选择 一般是react-router-dom6 做动态路由我习惯是把路由写成两级,然后默认导入import加载 根据权限来控制 如果不在菜单权限里面就去404 在就让它过

5数据状态管理用mirror插件 redux也行

6业务通常是后台管理页面列表 封装组件导入各种 import 虽然现在有自动导入的插件 我之前尝试把东西绑定在window 比如组件 挂载上面做变量 减少导入 也算是一种小技巧

7样式有人用tailwind 其实没那么好用 因为还是不怎么对应很细的ui设计

8scss可以使用 还行 也可以使用css变量 封装表单 是必须的

9至于eslint和ts用不用看你电脑配置 和项目大小 因为 不一定可以起,打包git验证很慢

10关于react使用图表封装 一般很多人都是直接echart堆一起画options,我一般是先配置好全局变量的配置 然后 注册主题 然后初始化通用的图表文件js

11在接口使用的时候导入js 然后在里面处理变量 外面 传入 方便复用函数

相关推荐
wangruofeng13 分钟前
iOS、Android、Flutter 2026 流行框架对比
前端框架·app
nuIl35 分钟前
实现一个 Coding Agent(3):工具调用
前端·agent·cursor
nuIl42 分钟前
实现一个 Coding Agent(4):ReAct 循环
前端·agent·cursor
nuIl43 分钟前
实现一个 Coding Agent(1):一次 LLM 调用
前端·agent·cursor
nuIl44 分钟前
实现一个 Coding Agent(2):让 LLM 流式响应
前端·agent·cursor
copyer_xyf1 小时前
Python 异常处理
前端·后端·python
sugar__salt1 小时前
从栈队列数据结构到JS原型面向对象全解
前端·javascript·数据结构
独特的螺狮粉1 小时前
篮球集训班器具管理系统 - 鸿蒙PC Electron框架完整技术实现指南
前端·javascript·华为·electron·前端框架·开源·鸿蒙
pusheng20251 小时前
IFSJ全英文专访:中国创新力量重塑先进气体感知技术,赋能全球关键基础设施安全
前端·网络·人工智能·物联网·安全
AI_零食2 小时前
番茄钟鸿蒙PC Electron框架完成:状态机、定时器管理与专注力工具设计
前端·javascript·华为·electron·开源·鸿蒙·鸿蒙系统