这句话成功引起了我的好奇。 最近刚逛 GitHub 的时候，还真发现了这个东西：Vercel 把他们内部的 React 最佳实践整理成了一个 Agent Skill。 说白了，就是一份给 AI 编程助

Zustand（德语“状态”）主打一个极简、轻量、Hooks 风格。它不需要你在外面包一层 Provider，也不需要繁琐的模板代码。

在页面设计时，我们经常使用到width属性，width可以说是css的重中之重。小伙伴应该经常用到width:100%、width:auto、box-sizing:border-box这三对属性和属性

在前端开发中，CSS 盒模型（Box Model）是布局的基础，而 `box-sizing` 属性决定了我们如何计算元素的宽度和高度。

在 CSS 世界里，边框不只是 border 一条路。你可能一直用 border 写边框，hover 时元素宽度变化、渐变边框做不出来……其实，现在有更酷、更灵活的方式来实现边框效果。

Web Components 是浏览器原生支持的 Web 标准，允许开发者创建可重用、封装的自定义 HTML 元素。这些元素具有跨框架兼容性，可以无缝集成到原生 HTML、React、Vue 和 An

next-auth/react 库： useSession 是一个非常强大且常用的 Hook，它来自于 next-auth/react 库，专门用于在 Next.js 应用中处理用户认证状态。 简单来

React 设计理念 构建快速响应的大型 Web 应用程，解决CPU、IO的瓶颈 CPU瓶颈，在浏览器每一帧的时间中，预留5ms（实际> 5ms && < 6ms）给JS线程，React利用这部分时间

从零开始构建一个现代化的前端项目：使用Vite + React + TypeScript 在现代前端开发中，选择一个高效、现代化的工具链是至关重要的。