大家好，我是Kason。最近，新的React文档终于上线了。从内容上看，新文档包括：理论知识、学习指南API介绍从形式上看，除了传统的文字内容，新文档还包括：在线演示原理图问答可以说是满满的的阅读体验。但是由于文档的理论部分过于详细（比如useEffect相关的部分就有5篇），阅读起来太费时间了。而且目前的正式版只有英文版，对国内开发者不是很友好。正好最近GPT-4发布了，将新的React文档喂给他后，上述问题就完美解决了。而且，由于新的React文档如此清晰，学过文档的GPT完全可以胜任编程助手的角色。本文将谈谈结合GPT-4和React文档的精彩体验。欢迎加入人类优质前端交流群。如何用飞天GPT学习文档内容。由于GPT-4的训练数据截至9月21日，他无法提供之后发布内容的相关信息。所以，首先我们必须手动向他提供React文档。实现起来非常简单，只需2步：在需要馈送的文档页面打开控制台，执行以下代码：//清空所有代码示例，只保留文本内容document.querySelectorAll('maincode').forEach(item=>{item.remove()})//复制文档的文本内容copy(document.querySelector('main').innerText)复制文本内容到GPT：如果文档的内容太长了，你可以分段喂：到目前为止，我们得到了熟悉React文档的GPT。那么，熟悉文档的GPT相比学习之前有什么样的能力提升呢？感谢Dan（React新文档作者），Dan（React新文档作者）写了一篇逻辑清晰，内容由浅入深的文档。学习过文档的GPT对React的理解比没有学习文档之前更深刻。比如下面这段代码，useEffect的使用有没有问题（读者可以先尝试找出问题所在）：const[选择,setSelection]=useState(null);useEffect(()=>{setSelection(null);},[items]);//...}此代码没有逻辑或语法问题。因此，对于没有学习过新文档的GPT来说，虽然可以完全理解这段代码的功能，但是却找不到问题所在：ReactHooks是在2019年2月v16.8发布的，所以GPT知道如何使用Hooks：之后学习了新文档之后，GPT可以很明确的指出例子中使用useEffect可能带来的问题：同时，他也提出了一个解决方案——直接在事件回调中将selection设置为null，而不是使用useEffect。事实上，这个Demo来自YouMightNotNeedanEffect部分，它解释了一些常见的useEffect误解。GPT提供的解决方案正是本节提到的——将useEffect的部分逻辑提取到事件回调中。优秀的编程助手GPT学习文档后，还可以解锁一个强大的能力——个人编程助手。得益于出色的文档，GPT掌握了React最佳实践。现在，你可以直接把业务代码喂给GPT，让他分析代码是否不符合最佳实践，并给出修改建议。比如上面的代码，GPT给出了修改后的代码：总结文档经验一直是各大开源项目关注的重点。以前大家的想法是提供各种方便开发者理解的工具（比如repl、在线demo、视频文档……）。随着GPT的发展，出现了一种更好的体验方式——提供非常详细的文档，GPT学习并充分理解文档作者想要传达的思想，然后以编程助手的身份协助开发者进行开发。比如最近Astro团队发布的HoustonAI就是用Astro文档喂的GPT-3，Vue团队也在探索这方面的可能性。受限于GPT代币费用，该模式无法大规模推广。但这并不妨碍个别开发者按照本文的思路来训练自己的编程助手，这无疑是生产力的巨大提升。当然，一切的前提是有非常详细、无懈可击、逻辑自洽的文件。所以，你把微信小程序文档投给GPT后，他应该是糊涂了……
