32、前端开发中的Rails、Hotwire与Turbo应用

前端开发中的Rails、Hotwire与Turbo应用

1. 前端开发与状态管理

现代Web应用为提升用户体验，常运用客户端特性。Rails作为服务器端框架，一直提供将客户端代码交付到浏览器的工具。在前端开发中，管理状态是关键，它包括数据的存储位置和操作逻辑的位置。同时，还需考虑如何将开发者友好的代码转换为浏览器友好的代码。

1.1 Web应用结构与状态管理

Web应用的交互在浏览器和HTTP服务器看来是“无状态”的，这对服务器管理有利，但用户体验不佳。为解决此问题，开发者采用了多种方法，如使用cookie让浏览器标识自身，服务器据此记住用户状态。随着时间推移，出现了将大部分状态管理放在服务器端的交互模式，浏览器主要负责请求新页面或页面部分，并显示结果。

1.2 基于基本Web操作的设计

Ruby on Rails围绕创建、读取、更新和删除（CRUD）这组基本操作构建，这些操作在Rails中由标准资源的七个操作表示。Rails的这一设计理念使得可以去除大量重复的样板代码，并假设无论数据形式如何，都有共同的行为。在处理这些基本操作时，浏览器能提供很多帮助，如提供数据输入元素、管理表单元素状态等。以Twitter为例，可将推文视为资源，用户有创建、查看和删除推文的操作，这种建模方式能利用Rails和浏览器的强大功能。

1.3 基于客户端逻辑的设计

当Web应用越来越像桌面应用时，需要在客户端维护大量与用户界面相关的状态和逻辑。JavaScript应用在浏览器中变得越来越复杂，其交互模式与服务器端Rails应用有很大不同。在客户端应用框架中，一个常见问题是在页面或应用中不同组件之间共享状态信息。