react.dev
React官方文档源码与开发站点
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:react.dev。 它的用途是:React官方文档源码与开发站点 完整的 Skill 内容见:https://321skill.com/skills/react-dev/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我解释一下React Server Components的概念和用法。” AI可以引导你到react.dev仓库的相应源码位置,或基于官方文档内容提供准确解释。当你对文档某处有疑问时,也可以说:“我想给‘使用Effect’这部分文档提个改进建议。” AI会指引你找到对应markdown文件并说明贡献流程。
介绍
react.dev仓库是React官方文档网站(react.dev)的源代码和构建工具集。它解决了开发者需要查阅、学习最新React API、概念和最佳实践,以及希望参与官方文档改进的问题。
该仓库基于Next.js构建,开发者可以克隆项目、安装依赖后,通过yarn dev命令在本地运行一个完整的文档站点,实时预览对文档或代码的修改效果。
它主要适合React学习者、需要查阅官方API的开发者,以及希望为React文档做出贡献的社区成员。对于想深入了解React设计哲学或为中文等语言翻译做贡献的开发者尤其有用。
与社区维护的第三方React教程或文档站点不同,react.dev是React团队官方维护的唯一权威文档来源,确保了内容的准确性、时效性和与React核心库的同步性。
核心特点
这是React官方团队维护的唯一权威文档源码,内容与React库版本严格同步,且贡献流程直接集成在官方开发工作流中,确保了文档的准确性和前沿性。
注意事项
不适合寻找快速上手的第三方实战教程或非官方社区解答的场景。
常见问题
如何为React官方文档做贡献?
Fork并克隆本仓库,按README指引创建分支、修改内容(支持热重载),测试后提交PR即可。
本地运行文档站点需要什么环境?
需要Git、Node.js(v16.8.0+)和Yarn,运行`yarn dev`后可在localhost:3000访问。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/react-dev/raw/index.md 读取 react.dev 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/react-dev/raw/index.md(查看排版版本)