Drifting Ruby

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

Rails Scaffold with VueJS

#169 Jan 20, 2019 pro

In this episode, we look at replacing the generated scaffold form in Rails with a VueJS rendered form. We will use Turbolinks and VueJS Props to pass data between the view and redirect the client to various pages.

view rails javascript framework vuejs

Getting Started with VueJS

#168 Jan 13, 2019 pro

VueJS is a library for building web interfaces. In this episode, we look at adding VueJS to a Rails Application and working with javascript components.

rails javascript framework vuejs

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

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

Streaming Videos with Active Storage

#230 Feb 23, 2020 pro

Video.js is a web video player built from the ground up for an HTML5 world. Learn how to use it with StimulusJS and Active Storage to deliver video content from your Ruby on Rails application.

rails active storage stimulusjs javascript

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

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

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

View

Episodes

Sort

Tags

Progressive Web Applications

Rails Scaffold with VueJS

Getting Started with VueJS

Slim Select with Stimulus

Realtime Client Updates from Background Jobs with Stimulus

Streaming Videos with Active Storage

Drag and Drop with Hotwire

React State Changes and Posting to the Rails App

Turbolinks 5

From Webpacker to esbuild

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Progressive Web Applications

Rails Scaffold with VueJS

Getting Started with VueJS

Slim Select with Stimulus

Realtime Client Updates from Background Jobs with Stimulus

Streaming Videos with Active Storage

Drag and Drop with Hotwire

React State Changes and Posting to the Rails App

Turbolinks 5

From Webpacker to esbuild