How does it handle CSRF protection for Ajax?

The skill recommends and helps implement Rails Request.JS, which is designed to automatically include the required X-CSRF-Token in all non-GET requests.

Is Node.js required for all JavaScript in Rails?

No. This skill helps you implement Import Maps, which allow you to manage JavaScript dependencies without Node.js or a build step, though it also supports Node-based bundlers if needed.

Does this skill support legacy Webpacker setups?

While it focuses on modern Rails 7+ conventions like Import Maps and jsbundling-rails, it provides the necessary guidance to migrate away from Webpacker to these newer standards.

Can I use this for React or Vue in Rails?

Yes, it provides specific guidance for pinning packages via Import Maps or setting up bundlers like esbuild and Bun to support modern JavaScript frameworks within Rails.

JavaScript in Rails

Name: JavaScript in Rails
Author: bastos

bybastos

0•

Developer Tools

Configures and manages JavaScript integration in Ruby on Rails applications using modern standards like Import Maps, Turbo, and popular bundlers.

This skill guides developers through the evolving landscape of JavaScript in Rails 7+, providing expert assistance for choosing between Import Maps and Node-based bundlers like Bun or esbuild. It streamlines the transition from legacy Rails UJS to modern Hotwire (Turbo) conventions, automates the setup of request handling with Request.JS, and ensures CSRF-compliant Ajax operations. Whether you are starting a new project or migrating an existing one, it provides the patterns and commands necessary for a robust, efficient client-side architecture.

Key Features

01Provides migration paths from Rails UJS to Turbo-native methods

02Automates package pinning and management via importmap-rails

03Configures Request.JS for CSRF-safe Ajax operations

04Implements Turbo helpers for modern client-side interactivity

05Selects and configures JS strategies including Import Maps and jsbundling-rails

060 GitHub stars

Use Cases

01Migrating a Rails 6 application from Webpacker to Import Maps or esbuild

02Replacing legacy UJS data-confirm or data-method attributes with Turbo equivalents

03Implementing AJAX requests with CSRF protection using Request.JS

Key Features

01Provides migration paths from Rails UJS to Turbo-native methods

02Automates package pinning and management via importmap-rails

03Configures Request.JS for CSRF-safe Ajax operations

04Implements Turbo helpers for modern client-side interactivity

05Selects and configures JS strategies including Import Maps and jsbundling-rails

060 GitHub stars

Use Cases

01Migrating a Rails 6 application from Webpacker to Import Maps or esbuild

02Replacing legacy UJS data-confirm or data-method attributes with Turbo equivalents

03Implementing AJAX requests with CSRF protection using Request.JS