去年我们曾因代码的简洁性、运行速度、优雅语法和更小的打包体积转向Svelte。但随着工作流逐渐转向AI辅助编程和新型设计工具,React再次成为更务实的选择。
我们日常使用Cursor和Claude(包括新版Claude Code CLI),这些工具能加速重构、调试和编码流程,由AI接管重复性工作。
React在此具有天然优势:公开的React代码库更为庞大,使得Claude等模型经过训练后能提供更精准的建议和清晰的解释。
我们在设计转代码流程中引入了Relume和Webflow。Relume快速生成布局结构与组件,Webflow则支持可视化设计并通过DevLink导出代码。
两者均默认输出React代码,这意味着我们无需进行框架转换即可继续开发。
在AI编程社区中,React常与Tailwind CSS和shadcn/ui搭配使用。Tailwind提供实用优先的样式类实现高效统一的设计,shadcn/ui则提供可即插即用的交互组件。 随着更多团队和工具采用这套技术栈,掌握该组合已成为提升开发效率的务实选择。
从多数维度看,Svelte仍是更优雅的框架:语法更干净、输出更精简、开发体验更愉悦。对于纯手写代码项目,它仍是我们的首选。 但在涉及AI工具和设计转代码的生产环节中,React能让我们更快跟进行业趋势。
React与我们的工具链契合度更高,既能提升构建速度,又符合AI互联前端生态的发展方向。因此它重新成为我们多数项目的首选框架。