Drifting Ruby

Using Webpacker in Rails 6

#178 Mar 17, 2019 pro

Webpacker is a great addition in Rails. However, it adds some complexities with libraries and older gems with javascript assets. In this episode, we look at using webpacker in different scenarios.

rails javascript gem 6.0

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

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

Stimulus Javascript Framework

#112 Dec 31, 2017 pro

Used at Basecamp for some time, and recently open sourced to the public, Stimulus is a small Javascript Framework used to manipulate existing DOM elements on the page. This episode, we will dive into interacting with Stimulus and setting it up in a new Ruby on Rails application.

rails javascript javascript framework stimulusjs

Using React-Rails and Loading Data from Rails into React

#109 Dec 10, 2017 pro

In this episode, we look at one of many different ways to add the Javascript Framework, React, into our Ruby on Rails application. This tutorial covers adding react into the application and pulling and displaying database information in nested React components.

rails javascript javascript framework react

Progressive Web Applications

#212 Oct 20, 2019 pro

Progressive Web Applications (PWA) are web applications that are regular web pages or websites, but can appear to the user like traditional applications or native mobile applications. In this episode, we add this functionality to a Rails 6 application.

rails javascript 6.0

FullCalendar with StimulusJS

#250 Jul 12, 2020 pro

FullCalendar still remains to be one of the best Javascript calendar libraries and with the power of StimulusJS, it is easier than ever to interact with. In this episode, we look at implementing the latest version of FullCalendar (v5) in our Ruby on Rails application.

javascript rails stimulusjs

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

Video Chat with WebRTC

#246 Jun 14, 2020 pro

Using ActionCable and StimulusJS, we can create a Zoom-like video chat functionality where chat rooms can share live audio and video streams.

actioncable javascript rails stimulusjs

SweetAlerts in Rails 6

#202 Aug 11, 2019 pro

Sometimes adding a javascript library can be difficult because either it's not a straightforward process or some of the blog articles are either outdated or don't work properly. In this episode, we look at adding SweetAlerts into a Rails 6 application with Webpacker.

view rails javascript 6.0

View

Episodes

Sort

Tags

Using Webpacker in Rails 6

Saving Individual Attributes with StimulusJS

Realtime Client Updates from Background Jobs with Stimulus

Stimulus Javascript Framework

Using React-Rails and Loading Data from Rails into React

Progressive Web Applications

FullCalendar with StimulusJS

Dynamic Select Fields

Video Chat with WebRTC

SweetAlerts in Rails 6

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Using Webpacker in Rails 6

Saving Individual Attributes with StimulusJS

Realtime Client Updates from Background Jobs with Stimulus

Stimulus Javascript Framework

Using React-Rails and Loading Data from Rails into React

Progressive Web Applications

FullCalendar with StimulusJS

Dynamic Select Fields

Video Chat with WebRTC

SweetAlerts in Rails 6