Drifting Ruby

Multistep Form with Wicked

#137 Jun 10, 2018 pro

Wicked can help by turning a controller into a series of multiple steps. In this episode, we interact with Devise to provide wizard after the user has registered.

rails form

Client Side Validation with StimulusJS

#207 Sep 15, 2019 pro

Give clients quick feedback on form validation errors with ValidateJS and StimulusJS.

rails form stimulusjs validations

Dynamic Select Forms with Hotwire

#325 Nov 28, 2021 pro

Using StimulusJS and Turbo, we are able to dynamically update select input with content based on another select input. This allows for a seamless user experience while having a configurable and maintainable backend.

7.0 form hotwire rails turbo

Extending the Rails Core Form Builder

#187 May 12, 2019 pro

In this episode, we build a custom form builder to extend and add functionality our forms to display errors inline with the form inputs.

rails form

Form Wizards from Scratch

#291 Apr 11, 2021 pro

Learn how to make form wizards without any external dependencies. This will allow you to have a simple extendable workflow and optionally to take advantage of Hotwire to create a seamless experience.

form hotwire rails

Dynamic Select Fields

#133 May 13, 2018 pro

Making one select field dependent on another and automatically update based on the previous selection can be a tricky task. In this episode, we look an a rather unobtrusive way to handle this for many scenarios.

rails form javascript

Slim Select with Stimulus

#308 Aug 8, 2021 pro

Using Stimulus and Slim Select, we can get performant results quickly and efficiently.

form javascript stimulusjs view

Saving Attributes with Hotwire

#373 Oct 30, 2022 pro

With Hotwire, we can create form where each input field is saved once a user has changed its value. We look at some of the common issues that you could run into when using Hotwire and some ways to mitigate those problems.

rails hotwire javascript turbo form

Inline Editing with Turbo

#381 Dec 25, 2022 pro

Using Turbo, we can create an interactive inline editing feature without writing any Javascript. In this episode, we look at some of the nuances with Turbo Streams and handling form errors.

rails turbo form

Optimistic Locking

#327 Dec 12, 2021 pro

Optimistic Locking is a feature to prevent collision when two users are editing the same record. In this episode, we look at adding this feature into a Rails 7 application that is using Turbo.

form model rails

View

Episodes

Sort

Tags

Multistep Form with Wicked

Client Side Validation with StimulusJS

Dynamic Select Forms with Hotwire

Extending the Rails Core Form Builder

Form Wizards from Scratch

Dynamic Select Fields

Slim Select with Stimulus

Saving Attributes with Hotwire

Inline Editing with Turbo

Optimistic Locking

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Multistep Form with Wicked

Client Side Validation with StimulusJS

Dynamic Select Forms with Hotwire

Extending the Rails Core Form Builder

Form Wizards from Scratch

Dynamic Select Fields

Slim Select with Stimulus

Saving Attributes with Hotwire

Inline Editing with Turbo

Optimistic Locking