Drifting Ruby

Form Input UX

#428 Nov 12, 2023 pro

In this episode, we'll focus on the user experience (UX) of form inputs by adding formatting of the text as the user inputs the data.

rails form ux stimulusjs

Unsaved Changes

#423 Oct 8, 2023 pro

In this episode, we'll look at creating a stimulus controller that will alert the user if there are unsaved changes on a form before they navigate away from the page or reload the site.

rails stimulusjs 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

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

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

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

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

Gathering Questionnaire Responses

#295 May 9, 2021 pro

Continuing from the previous episode, we look at fixing nested forms when used inside of nested forms as well as gathering responses from the questionnaires.

form rails stimulusjs

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

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

View

Episodes

Sort

Tags

Form Input UX

Unsaved Changes

Inline Editing with Turbo

Saving Attributes with Hotwire

Optimistic Locking

Dynamic Select Forms with Hotwire

Slim Select with Stimulus

Gathering Questionnaire Responses

Form Wizards from Scratch

Client Side Validation with StimulusJS

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Form Input UX

Unsaved Changes

Inline Editing with Turbo

Saving Attributes with Hotwire

Optimistic Locking

Dynamic Select Forms with Hotwire

Slim Select with Stimulus

Gathering Questionnaire Responses

Form Wizards from Scratch

Client Side Validation with StimulusJS