从 Rails 视角看现代前端——换一种方式实现 SPA

SPA的优缺点

单页应用（SPA）的优点包括：

• 更流畅的用户体验
• 减少服务器负载
• 前后端分离的开发模式

但也存在一些问题：

• 首次加载时间较长
• SEO挑战
• 状态管理复杂

Rails中的Turbo

Rails 7引入了Turbo，它提供了一种不同的方式来实现类似SPA的体验：

// 在Rails中使用Turbo
// app/javascript/application.js
import "@hotwired/turbo-rails"
      

Turbo通过以下方式提升用户体验：

• Turbo Drive：无刷新页面导航
• Turbo Frames：页面局部更新
• Turbo Streams：实时更新

前端框架中的启示

从Rails的这种方式中，我们可以获得一些启示：

• 不是所有应用都需要完全的SPA架构
• 可以考虑混合方式，只在需要的部分使用客户端渲染
• 服务器组件（如React Server Components）是一个有前途的方向