React Best Practices
Give AI Vercel's React and Next.js performance practices for reviewing components, data requests, and bundling.
Translation reviewedRead the original Chinese text
把 Vercel 的 React 和 Next.js 性能实践提供给 AI,用来审查组件、数据请求和打包方式。
Target: React / Next.js. Based on author documentation.
Requirements
- A development assistant that supports Agent Skills. Check current installer and client support separately.
- An existing React or Next.js project whose code you can inspect.
A small first task
Review this component using React Best Practices. First list three code-backed issues and suggested changes without modifying files.
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This entry is based on the original author’s documentation. We have not tested it in a live environment; documentation is not runtime verification.
Author: Vercel (official). Documentation review: 2026-10-30. Last source check: No record yet.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
License not verified. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- The author homepage describes general Agent Skills installation. This listing does not infer compatibility with every AI client.
- This is a coding-practice reference, not an automatic measurement of page-performance improvement.
- This site has not run the installer, reviewed user code or tested performance.