1、现代 Rails 前端开发指南

现代 Rails 前端开发指南

1. 前端开发的挑战与 Rails 的机遇

在开发网站时，客户需求往往会带来诸多挑战。客户最初提出“我需要一个网站”，你可能会觉得 Ruby on Rails 是个不错的选择，尤其是 Rails 7.0 版本刚发布，它能让小团队拥有大团队的生产力。然而，当客户进一步要求“我希望它看起来很酷，有很多动态元素，并且具有高度交互性”时，问题就变得复杂了，因为这涉及到 JavaScript，以及一系列相关的选择。

前端开发需要考虑诸多因素，例如使用何种语言，除了 JavaScript，还有许多能编译成 JavaScript 的语言，如 TypeScript、Elm、ClojureScript；选择哪种框架，有 React、Vue、Ember、Hotwire、Svelte、Preact 等众多选项；如何打包代码和 CSS，是使用现有的 Rails 资产管道、Propshaft、jsbundling 还是 Webpacker 等。

不过，尽管 Ruby on Rails 主要是一个服务器端工具，但它为客户端代码提供了大量支持。Rails 7.0 版本具备一些工具，可帮助开发者与 JavaScript 生态系统进行交互，从而构建出色的前端体验。

2. 基本假设

Rails 是一个有主见的框架，在前端开发中，我们也有一些基本假设。这里不打算展示 Rails 和 JavaScript 所有可能的组合方式，而是专注于认为最有用的工具。其中一个重要的观点是，我们将使用 JavaScript 来增强以服务器端为主的 Rails 应用程序，而不是用 JavaScript 构建一个完全独立的单页应用程序（SPA），仅将 Rails