Hotwire是Rails 7的默认前端框架，Turbo通过Websockets实现实时页面更新。只需在HTML中添加特定代码和Active Record回调，即可实时更新事件表。增加加载效果和过渡动画可提升用户体验。
在 Rails 7 中，新项目可直接使用 esbuild 和 Bootstrap。已有项目需安装 cssbundling-rails 和 jsbundling-rails，配置文件以处理 JavaScript 和 CSS 依赖，确保路径正确。最后启动项目并进行调试。
从Rails 7开始，Importmap成为默认的JavaScript加载方式，利用HTTP/2的并行下载和缓存。对于复杂的JS库，可以结合jsbundling和Importmap：先用jsbundling打包依赖，再用Importmap导入。这种方法解决了Importmap处理复杂依赖的问题，并保持了缓存优势。
本文探讨了在 Rails 7 中结合使用 Importmap 和 jsbundling，以解决 Importmap 无法处理复杂 JavaScript 依赖的问题。通过使用 esbuild 打包依赖并利用 Importmap 导入，可以有效管理和优化 JavaScript 代码的加载，尽管这可能会影响无构建的期望，但仍能享受细粒度缓存的优势。
在大型Rails应用中，Rails 7引入了sqlcommenter格式，使得识别慢查询变得更加简单。通过添加相应的gem并进行配置，开发者可以在日志中清晰地看到查询来源。此外，Rails 7的annotate方法允许为特定查询添加详细注释，增强了调试能力。结合PlanetScale的查询分析工具，可以有效定位和解决慢查询问题。
完成下面两步后，将自动完成登录并继续当前操作。
