Ruby on Rails Screencast Tutorials - Page 6

A command palette is a common feature for power users. Learn how to add a command palette to your Ruby on Rails app using the Ninja Keys web component.

21m

Restricting Javascript Widgets to Registered Sites

Dec 20, 2018 Pro

We don't want anyone to be able to embed your Javascript widget on any domain, so we'll setup our app to check the domain and only allow the widget on specific sites

11m

Realtime Group Chat with Rails [Revised] - Part 3

Jul 01, 2020 Pro

Keeping track of a user's last read timestamp for each chat room is straightforward, especially when we use Stimulus.js to update it from the client side.

12m

How to use jQuery & jQueryUI with Esbuild

Oct 25, 2021

Using jQuery and plugins like jQueryUI in modern Javascript can be a little tricky. We'll see how to use it, how to deal with javascript import hoisting and how to add plugins like jQueryUI

18m

How to use hCaptcha with Ruby on Rails, Turbo, and Stimulus.js

Aug 01, 2022 Pro

hCaptcha is a method to try detecting bots on your website. This episode, we'll walk through how to implement hCaptcha in a way that's compatible with Turbo using Stimulus.js and

15m

Rails Request.js Query Option

Aug 09, 2021 Pro

In this episode, we'll walk through how I discovered an improvement for Rails' new Request.js library and how we approached and implemented the feature in a pull request.

Webpack Bundle Analyzer

Jul 06, 2020 Pro

Webpack bundles can be confusing as to what actually ships in production. Using the bundle analyzer plugin, we can visualize and see exactly what libraries and files are taking up what space.

18m

System Testing File Uploads in Rails with Uppy and Dropzone Drag & Drop

Jan 26, 2022 Pro

Learn how to use system tests for file uploads with file input fields and drag & drop with Uppy and Dropzone

How to use Google Analytics gtag.js with Turbolinks & Webpacker

Oct 12, 2020

Learn how to add Google Analytics' gtag.js to Webpacker with Turbolinks support

19m

How to use CodeMirror 6 with Ruby on Rails

Need a way for users to edit code in your Rails app? CodeMirror is an excellent option for a Javascript code editor that you can use with your Rails apps. We'll set up CodeMirror with Stimulus.js so you can replace any text field in Rails.

Throttling Infinite Scroll Events in Javascript

May 18, 2020 Pro

Scroll events in Javascript can happen quickly. We want to make sure we don't request the same page multiple times which we can solve easily by introducing a little throttling.

Realtime Group Chat with Rails [Revised] - Part 4

Jul 27, 2020 Pro

It's important to see that there are unread messages in channels you're not actively viewing. We can use a very simple event in ActionCable to do this and bold channel names with unread messages.

17m

Realtime Group Chat with Rails [Revised] - Part 5

Aug 05, 2020 Pro

User mentions in group chat is a crucial feature, so this week we're taking a look at how to add @ mentions for our users in chat with regex and more.

14m

Copy Passwords To Clipboard

Jun 05, 2023 Pro

Copying to the clipboard is an incredibly useful feature for a password manager. We always want to copy & paste the username and password to authenticate, so we'll write a Stimulus Controller to add copy to clipboard functionality

Rails for Beginners

Advanced Ruby: Behind the Magic

Payments with Rails Master Class

Refactoring Rails

Hatchbox.io

Jumpstart Rails SaaS Template

Remote Ruby Podcast

GoRails Open Source

Rails Hackathon

Beginner Bounties

Ruby on Rails Job Board

How to add a Command Palette to your Ruby on Rails app

May 23, 2022