Drifting Ruby

Realtime Client Updates from Background Jobs with Stimulus

#190 May 26, 2019 pro

Using RailsUJS, ActiveJob, ActionCable and Stimulus, we create a realtime feedback for background jobs running to provide a better user experience.

rails javascript websockets stimulusjs

From Webpacker to esbuild

#319 Oct 17, 2021 pro

With Rails 7 coming out soon, it's a good time to look at what it could take to upgrade our existing applications to esbuild. In this episode, we start with a Rails 6 application and begin the upgrade process by removing Webpacker and switching over to esbuild.

7.0 esbuild javascript rails upgrade webpacker

React State Changes and Posting to the Rails App

#110 Dec 17, 2017 pro

Continuing from the previous episode, we look at React's state changes and how to interact with the Rails application. We can get the native app feel, without using Rails Unobtrusive Javascript or Turbolinks.

rails javascript javascript framework react

Turbolinks 5

#125 Mar 18, 2018 pro

Turbolinks makes navigating your web application faster. Get the performance benefits of a single-page application without the added complexity of a client-side JavaScript framework. Use HTML to render your views on the server side and link to pages as usual.

rails javascript

Polling with StimulusJS

#211 Oct 13, 2019 pro

Sometimes an old techniques with a modern twist can not only solve the problems at hand, but can also simplify the application's architecture.

javascript ruby 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

Record Audio to Active Storage

#269 Nov 22, 2020 pro

Learn how to use the MediaRecorder API and StimulusJS for uploading and storing audio files to Active Storage.

javascript rails stimulusjs

Saving Individual Attributes with StimulusJS

#189 May 19, 2019 pro

In this episode, we take a look at recreating a feature on Zoom's setting page where clicking a check box automatically saves the changed setting.

rails javascript stimulusjs

Creating and Reading QR Codes

#278 Jan 10, 2021 pro

Reading QR Codes can be a tricky task. We look at being able to generate QR Codes on our Ruby on Rails backend and read them on the client side using a couple of libraries and Stimulus JS.

javascript rails stimulusjs getusermedia

Adaptive Bitrate Streaming with Active Storage

#232 Mar 8, 2020 pro

Adaptive streaming allows the video provider to create a different video for each of the screen sizes (or devices) that he or she wishes to target. In this episode, we look at converting our Progressive Video Streams into Adaptive Bitrate Streams and serving it through Active Storage.

active storage javascript rails stimulusjs

View

Episodes

Sort

Tags

Realtime Client Updates from Background Jobs with Stimulus

From Webpacker to esbuild

React State Changes and Posting to the Rails App

Turbolinks 5

Polling with StimulusJS

Cropping Active Storage Uploads

Record Audio to Active Storage

Saving Individual Attributes with StimulusJS

Creating and Reading QR Codes

Adaptive Bitrate Streaming with Active Storage

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Realtime Client Updates from Background Jobs with Stimulus

From Webpacker to esbuild

React State Changes and Posting to the Rails App

Turbolinks 5

Polling with StimulusJS

Cropping Active Storage Uploads

Record Audio to Active Storage

Saving Individual Attributes with StimulusJS

Creating and Reading QR Codes

Adaptive Bitrate Streaming with Active Storage