2、现代 Rails 前端开发指南：从基础到实践

现代 Rails 前端开发指南：从基础到实践

1. 为何不使用导入映射

Rails 为新应用提供的默认工具集自首次发布以来已多次改变，新的默认方式是使用导入映射和独立命令行来处理 Tailwind CSS，这样的 Rails 应用无需 Node.js 或 Node 包管理器（NPM）。然而，多数情况下不使用导入映射，原因有二：
- 哲学层面 ：使用导入映射构建的应用复杂程度上限不明，为谨慎起见暂不采用（尽管 Hotwire 的旗舰应用 Hey.com 使用了导入映射）。
- 实际层面 ：代码依赖 React 的 JSX 和 TypeScript，这两者都需要编译步骤，而导入映射旨在消除此类步骤。由于 Rails 7 提供了其他适合编译项目的工具，因此选择展示这些工具，而非局限于导入映射支持的工具。

2. 构建示例应用

在探讨前端结构前，先构建一个示例应用——虚构音乐节“North By”的网站。该应用包含所有音乐会和场地的日程安排，主要管理两个页面：日程页面和音乐会展示页面。
- 日程页面 ：展示音乐节的所有音乐会、表演和时间，后续将添加内联编辑、日期过滤和搜索功能，允许用户列出喜爱的音乐会，并显示已购票数量。
- 音乐会页面 ：展示每个音乐会的简化剧院图，用户可选择座位进行模拟购票，能看到小计增加，也可搜索座位块查看可用座位。

应用的数据模型如下：
- 音乐节包含多个特定时间开始的音乐会。
- 每个音乐会有一个场地，每个场地有若干排和每排若干座位