系列介绍：使用ChatGPT对整个React代码库进行重构

旅程开始了

用ChatGPT重构单个类是有回报和有趣的，但如果我们能把这一过程提升到整个创业公司的代码库中呢？将近四年前，我为jobsforit.de构建了MVP（Minimum Viable Product），尽管有一些渐进性的改进，但代码仍然存在重要的遗留问题。注意：这一次，我不会亲自编写一行代码，而是把主导权交给ChatGPT，由它引导我完成整个重构过程。感到好奇吗？你应该会。本系列将带领你踏上这一具有开创性的旅程，揭示AI如何帮助使代码库更高效、可维护和健壮。

这个系列有什么内容？

第一部分：初步审计

• 了解现有的代码库、技术堆栈以及需要改进的领域。

第二部分：清理 package.json 和依赖项

• 为什么这是至关重要的，以及如何安全地移除未使用的依赖项。

第三部分：模块化代码库

• 将功能分离到自己的文件夹/文件中，就像我们在FontAwesome和Facebook Provider设置中做的那样。

第四部分：使用MobX进行状态管理

• 利用MobX实现更有效的状态管理。

第五部分：集成Contentful

• 使用Contentful有效地管理数字内容。

第六部分：改善用户界面组件

• 如何重构UI组件并使用Material-UI保持一致的主题。

第七部分：测试和质量保证

• 介绍单元测试、端到端测试和其他质量保证技术。

第八部分：最后的思考

• 总结我们所学到的知识以及如何将其应用于其他项目。

未来系列的内容：未来的中心是什么

尽管我们在重构代码方面取得了重大进展，但旅程并未到此结束。还有更多的工作要完成，还有更多创新性的解决方案要实施。以下是我们在即将发布的这个系列的后续部分中期待的激动人心的变化的预览：

第9部分：转向TypeScript

• JavaScript一直是我们的得力助手，但TypeScript引入了静态类型的强大功能。我们将深入探讨TypeScript如何提高代码可读性并减少错误，同时还提供了一个逐步指南，指导如何将现有的JavaScript代码库迁移到TypeScript。

第10部分：重写为GraphQL

• RESTful APIs一直为我们服务得很好，但GraphQL提供了一种更高效、更强大、更灵活的替代方案。我们将讨论如何用GraphQL替换我们的RESTful APIs，以简化数据获取和操作。

以及更多...

除此之外，我们还将探索其他有趣领域，如无服务器架构、性能优化和代码拆分。如果你对于一些非常具有野心的事情感兴趣的话，敬请关注我们可能使用Next.js重新编写整个应用程序的计划，这将带来服务器端渲染、静态网站生成和改善的SEO能力等好处。

其他资源：深入了解代码和聊天

如果您对这次重构之旅感到兴致勃勃，并希望深入了解，甚至复制这个过程，我们将为您提供完整支持。以下是指向包含重构代码和共享的ChatGPT会话的GitHub存储库的链接，可以帮助您逐步了解重构的过程。

• GitHub 仓库: jobsforit.de 重构代码
• 共享 ChatGPT 对话: jobsforit.de 的 ChatGPT 重构提示

请随意浏览代码，将其在您的本地机器上运行，甚至探索ChatGPT对话，以了解重构是如何进行的。

保持关注

重构可能听起来是一项艰巨的任务，但一步一步地进行可以带来显著的改进。所以，加入我一起踏上这个旅程吧 :)