How to Use Apline JS with Hotwire and Turbo

There's some new spice in Ruby on Rails... Hotwire ⚡️ which replaces Turbolinks with Turbo. ... Tagged with ruby, rails, hotwire, alpine.What's the Difference Between Turbo and Turbolinks?It's a simple transformation, Turbo works with links and forms but Turbolinks only works with links.How Does Turbo Break Alpine JS?In Alpine JS there's the x-show and x-if directives that allow you to show and hide HTML elements and content, this is broken when using Tubo.Thankfully, SimoTod on GitHub has created the JavaScript package alpine-turbo-drive-adapter that solves the problem.You can easily install this with a RailsBytes that I created:.
How to Use Apline JS with Hotwire and Turbo #ruby #rubydeveloper #rubyonrails #hotwire #turbo https://rubyonrails.ba/single/how-to-use-apline-js-with-hotwire-and-turbo

Nezir Zahirovic

Contractor Ruby On Rails (8+ years) / MCPD .Net / C# / Asp.Net / CSS / SQL / (11 years)

related articles