手机列表越滑越卡?这个Skill查渲染

帮你构建高性能 React Native 移动应用。

vercel-react-native-skills 是 Vercel 为 React Native 和 Expo 应用整理的开发指南。AI 可以用它检查长列表、图片、动画和原生组件,也能在写新页面时按相关规则安排实现。

列表卡顿不一定要从动画改起。文档把列表性能放在前面,提醒使用合适的虚拟列表、减少条目重复渲染,把昂贵的处理移到列表项之外,并留意图片加载。先找具体负担,才知道该改哪一处。

它也涉及导航、状态订阅、原生依赖和字体配置。你可以提供一个滚动明显不顺的页面,让 AI 按问题选择详细规则,而不是把整套建议一次套满项目。

最终产物是代码与检查结果,实际流畅程度还要在目标设备验证。它针对 React Native 和 Expo,普通网页项目应使用对应的前端指南。

分类:编程开发

来源仓库:vercel-labs/agent-skills

适合用来做什么

  • 请为我构建一个高性能的React Native组件。
  • 如何优化这个Expo项目的列表性能?

安装 vercel-react-native-skills

npx skills add https://www.iskills.cc/skills/vercel-labs/agent-skills/vercel-react-native-skills/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 vercel-react-native-skills 的用途与原始说明

浏览全部 Skill 指南