Drifting Ruby

Liquid Templates

#358 Jul 17, 2022 pro

Using Stimulus and Liquid, we can create real time previews of the Liquid Template Renderer. Liquid provides a markup language that is a safe, customer facing template language for flexible web apps.

rails view stimulusjs

Limiting Text Input

#350 May 22, 2022 pro

User experience is important and there are little things that we can do to help improve this experience. By giving real time feedback on text inputs to approaching limits on fields, the user can modify and update their text accordingly before they submit the form. In this episode, we look at database level, model validations and limiting text input on the client side.

rails validations database stimulusjs

Markdown Parser

#341 Mar 20, 2022 pro

Markdown is a great, but unfortunately ActionText doesn't support it. In this episode, we'll look at implementing a simple markdown parser with Stimulus.

rails view markdown stimulusjs javascript

Wordle Clone

#340 Mar 13, 2022 pro

We look at recreating the popular Wordle game with StimulusJS. By exploring the mechanics of the game, we build our own approach.

rails javascript stimulusjs

Private Chat Groups

#337 Feb 20, 2022 pro

In this episode, we look at broadcasting to private channels using stimulus controllers and turbo. We also look at the interactivity between two stimulus controllers and different ways of broadcasting to turbo streams.

rails hotwire stimulusjs turbo

Drag and Drop with Hotwire

#311 Aug 29, 2021 pro

Acts as List provides the capabilities for sorting and reordering a number of objects in a list. In combination with SortableJS and Hotwire (Stimulus), we can create a positionable list with ease.

hotwire javascript rails stimulusjs

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

Cropping Active Storage Uploads

#280 Jan 24, 2021 pro

Cropping images can be hard and there can be quite a few complications. In this episode, we have a look at using StimulusJS to crop images uploaded through Active Storage.

javascript stimulusjs uploads rails

Direct Upload Instantly

#279 Jan 17, 2021 pro

Learn how to select files and trigger them to upload to Active Storage instantly.

active storage javascript stimulusjs rails

View

Episodes

Sort

Tags

Liquid Templates

Limiting Text Input

Markdown Parser

Wordle Clone

Private Chat Groups

Drag and Drop with Hotwire

Slim Select with Stimulus

Gathering Questionnaire Responses

Cropping Active Storage Uploads

Direct Upload Instantly

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

Liquid Templates

Limiting Text Input

Markdown Parser

Wordle Clone

Private Chat Groups

Drag and Drop with Hotwire

Slim Select with Stimulus

Gathering Questionnaire Responses

Cropping Active Storage Uploads

Direct Upload Instantly