React Hook Form是一个简化React表单管理的库，它提供了表单状态管理、验证和提交处理等功能。相比手动使用useState管理每个表单字段，它能显著减少代码量。核心功能包括register方法注册表单字段、handleSubmit处理提交逻辑，通过展开运算符(...)将配置应用到输入框。使用该库可以避免手动处理表单状态、验证和错误提示，提高开发效率。

为什么要是用vite来创建react项目，主要是cra已经不太适配react了，react官网也放弃了cra的创建，原因是react19和cra不太兼容。另外的话用vite默认创建的话就是不支持服务端渲染（SSR），没有seo（适合toB项目），如果项目要支持seo的话，需要配置，不如建议大家使用nextjs ,或者remix来创建项目（适合toC项目）下面跟着选就行了，输入项目名，选择react

前端vscode必备插件推荐，VSCode前端常用的插件作用：用于将某个静态文件用一个服务容器来对外服务【类似开启了一个静态资源服务器】，说人话就是Live Server 是一个具有实时加载功能的小型服务器，使用它进行 web 页面开发就好像在服务器上修改页面一样。作用：ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种

为什么要使用tailwindcss?主要是因为可以减少命名和选择器的烦恼，不用去定义class类名了，每次要定义类名都想的头疼。然后使用tailwindcss来开发，可以减少 CSS 文件大小，只生成实际使用的样式，通过 PurgeCSS 移除未使用的 CSS，生产环境文件体积极小。最后就是内置了响应式设计，内置响应式前缀（sm:, md:, lg:, xl:, 2xl:，可以轻松创建移动优先的响

但是git在git push的时候，发现你本地的仓库和远程的比还少了一个commit（就是我们删的那个）。主要是同事的代码合并到了dev分支，然后自己的代码也合并到了dev分支，但是其中有一个commit不想要，因为这次commit是一个功能，但是暂时是不需要上线的，所以需要把这个commit给它弄出去。如果你的develop已经使用rebase - i 删除了那次的commit，但是此时你又用d

VSCode如何进行插件迁移，vscode插件迁移，怎么把自己用的vscode插件放到新公司上

作为一个前端，特别身处于中小公司时，对于部署也需要有所了解。本次就介绍前端基础的项目部署。本次使用的是阿里云服务器进行的部署。

在main.ts中可以全局自定义配置（所有的请求在自己没配置的时候会使用全局配置。import {queries: {// 失败后重试次数（默认 3 次），设为 1 或 false 可减少不必要的请求retry: 1,// 重试延迟（默认指数退避），可自定义// 数据过期时间（默认 0，即立即过期）。5 分钟内相同 queryKey 的请求会直接用缓存// 非活跃数据在缓存中保留的时间（默认 5

很多项目由于前期数据量不大，所以组件可以正常使用，但是当用户量或者数据量大了之后，浏览器就会变得卡顿，这种优化就是必须的。大家可以把代码拉下来运行对比下，没有使用虚拟列表技术的树真的很卡。

特性cn 方案简单变体✅ 够用✅ 优雅复合变体❌ 需要手动判断✅多元素组件❌ 代码重复✅slots统一管理响应式变体⚠️ 手动写前缀✅ 原生支持代码可读性⚠️ 变体多时混乱✅ 结构化配置维护成本⚠️ 修改需要改多处✅ 集中管理TypeScript⚠️ 手动定义✅ 自动推断学习曲线✅ 简单⚠️ 需要学习 API。