Turbo in Rails

Rails 7 에서 Turbo는 기본으로 장착되어있다.

# Hotwire's SPA-like page accelerator [https://turbo.hotwired.dev]
gem "turbo-rails"

기존의 turbo-links 가 Hotwire의 일부로 통합되면서, 자연스레 Rails의 Gemfile에서의 Gem도 turbo-links 에서 turbo-rails로 바뀌었다.

css 클래스를 커스텀하는 것으로 쉽게 할 수 있다.

.turbo-progress-bar {
    height: 3px;
    background-color: green;
}

JQuery로 이벤트를 다룰 수 있다.

예시 -

addEventListener("turbo:submit-start", ({ target }) => {
  for (const field of target.elements) {
    field.disabled = true
  }
})

DeveloperJo