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

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

1. 客户端Rails开发入门

现代Web应用为提升用户体验，常运用客户端特性。尽管Rails是服务器端框架，但一直提供工具，便于将客户端代码交付给浏览器。随着时间推移，客户端工具功能增强，但也变得更复杂，不过Rails对客户端工具的处理方式始终有自己的见解。

1.1 管理状态与前端开发

Web应用的程序结构决策，很大程度上围绕状态管理展开，包括数据的存储位置和操作逻辑的位置。同时，还需考虑如何将开发者友好的代码转换为浏览器友好的代码。

1.1.1 Web应用的结构

Web应用面临的主要问题之一是如何构建以有效管理状态，目标是避免多个数据源，减少客户端和服务器端的重复逻辑，使程序易于理解和修改。

浏览器和HTTP服务器的交互是“无状态”的，这对服务器来说很方便，但对用户而言，服务器无法记住用户信息。为解决此问题，开发者采用了多种方案，如使用cookie让浏览器标识自己，服务器借此记住用户状态。

1.1.2 围绕基本Web操作进行设计

Ruby on Rails是用于管理Web应用服务器端状态的框架，其核心围绕少量基本操作，即CRUD（创建、读取、更新、删除）。Rails为标准资源提供了七个操作（创建、新建、显示、索引、编辑、更新和删除），并通过默认行为减少了大量重复代码。

以Twitter为例，可将推文视为资源，用户有创建、显示和删除推文的操作。尽管这可能不是最佳的用户交互模型，但能借助Rails和浏览器的强大功能。

1.1.3 围绕客户端逻辑进行设计