32、前端开发中Rails、Hotwire与React的应用实践

前端开发中Rails、Hotwire与React的应用实践

1. 前端开发基础与架构选择

现代Web应用为提升用户体验，常运用客户端特性。Rails作为服务器端框架，一直提供工具，便于将客户端代码交付给浏览器。在客户端工具日益强大且复杂的当下，Rails仍对客户端工具的使用有自己的见解。

1.1 状态管理与前端开发

在Web应用中，状态管理至关重要，它涵盖数据的存储位置以及操作数据的逻辑位置。同时，还需考虑如何将开发者友好的代码转换为浏览器友好的代码。

从浏览器和HTTP服务器的角度看，每次页面交互都是“无状态”的。为解决这一问题，开发者采用了多种方法，如使用cookie。随着时间推移，出现了将大部分状态管理放在服务器端的交互模式，浏览器主要负责请求新页面或页面部分内容，并显示状态变化结果。

1.2 基于基本Web操作的设计

Ruby on Rails围绕少量基本操作构建，即CRUD（创建、读取、更新和删除）。在Rails中，这些操作由标准资源的七个操作表示。利用浏览器的输入元素、表单状态管理和历史操作记录功能，Rails的核心操作变得更强大。

以Twitter为例，可将推文视为资源，用户可进行创建、查看和删除操作。虽然这种建模方式不一定是最佳的，但能借助Rails和浏览器的功能，为开发提供便利。

1.3 基于客户端逻辑的设计

当Web应用越来越像桌面应用时，客户端需要管理大量与用户界面相关的状态和逻辑。JavaScript应用变得更加复杂，其交互模式与服务器端的Rails应用有所不同。

在客户端应用框架中，共享状态信息是一个常见