Figma 推出的 Sites 功能允许直接发布设计稿到网页,旨在简化流程,但前端开发者社区对此普遍持怀疑态度,主要担忧在于其生成的代码质量和潜在的技术债务。本期 React Status 涵盖了 React 生态的最新进展,包括其在电路板设计等非传统领域的应用,以及对 React Server Components、开发工具和库更新的深入探讨,展现了生态的持续活力。
Figma Sites 引发前端社区热议
Figma 近期发布了名为“Figma Sites”的新功能,允许用户直接将设计稿发布为网页,目标是快速将创意呈现在线上。这一功能听起来十分便捷,但前端开发者社区的反应却褒贬不一,普遍倾向于怀疑。
核心批评集中在 Figma Sites 生成的代码质量上。许多开发者将其与早期 WYSIWYG 编辑器(如 Dreamweaver 或 Microsoft Frontpage)生成的臃肿、充斥大量 div
标签的代码相提并论。主要问题在于生成的标记结构过于依赖 div
,可能导致可访问性差、性能低下以及缺乏语义结构。
一些文章和视频也表达了类似的担忧,认为尽管对于非开发者而言发布速度快,但它会产生显著的技术债务,使得实际开发者难以维护和协作。这再次引发了关于可视化工具与手写代码的长期争论,以及为何许多直接从设计到网页的工具尝试最终失败——正是因为它们优先考虑视觉布局而非干净、语义化和可访问的 HTML。
许多开发者的共识是:Figma Sites 对于快速原型或内部预览可能有用,但绝对不适合用于发布需要长期维护的生产环境网站。
React 生态动态:从电路板设计到核心优化
本期 React Status 带来了一些令人耳目一亮的消息。其中最特别的莫过于 React 竟然被用于设计电路板。一个名为 tscircuit 的项目提供了一种基于 React 的方式来设计和布局电子电路板,这无疑拓展了 React 应用的边界。
除了这种新奇的应用,Newsletter 还包含其他重要内容。例如,Dan Abramov 解释了为何服务器组件可以作为静态资源发布,以及如何在构建时进行预渲染并通过 CDN 提供服务,这对于提升性能和降低成本非常有益。
社区讨论方面,Reddit 上有关于 React 在 2025 年及未来的发展前景的探讨。工具方面,eslint-plugin-react-you-might-not-need-an-effect
这个 ESLint 插件能帮助开发者识别并移除不必要的 useEffect
调用,有助于写出更简洁高效的代码。Vercel 推出了一个便捷功能,可以一键过滤 AI 爬虫和抓取器。此外,一个短视频演示了如何利用 VS Code 和 GitHub Copilot 的 Agent 模式快速构建天气应用,展示了 AI 辅助开发的潜力。
文章方面,有内容反驳了关于 React Context 会导致过度渲染的常见误解,并探讨了 React Query 中的并发乐观更新、React 中的依赖反转等高级话题。还有文章介绍了在 Clojure 中实现 React Server Components 的进展。
库和工具更新也十分丰富,包括 React Chrono 时间线组件的 2.7 版本更新,Bippy 这个用于探查 React 内部实现的工具,以及 Basecoat(将 shadcn/ui 组件移植到更原生形式)。其他更新还包括 React Query Builder, React Native Tab View, BlockNote 编辑器, MUI X 和 React Router。这些更新共同展现了 React 生态系统的持续活力和创新。