Your Teacher
Chris Oliver
Hi, I'm Chris. I'm the creator of GoRails, Hatchbox.io and Jumpstart. I spend my time creating tutorials and tools to help Ruby on Rails developers build apps better and faster.
About This Episode
Web Components are a great way to encapsulate Javascript logic around an element in your HTML. We'll explore how to create Custom Elements and see how Hotwire uses them for Turbo Stream actions.
Notes
Resources
Discussion
Loading...
Javascript and CSS in Rails
1
Including Javascript and CSS Libraries With Rails
6:45
2
Clean Javascript Code Using Data-Behavior On The Frontend
11:22
3
How To Create A Gem For Frontend Javascript And CSS Libraries
6:04
4
Manage Assets With Rails Assets
10:07
5
Using Purchased Themes with Rails
23:19
6
Using Bootstrap 4 Rubygem with Rails
3:54
7
Sharing Data With Javascript
14:54
8
Primer on Rails 5.1's new UJS library
17:22
9
How To Use Turbolinks clearCache()
5:58
10
Migrating From jQuery to Vanilla Javascript
17:14
11
Stimulus JS Framework Introduction
18:50
12
How to install Tailwind CSS using Webpacker with Rails
12:32
13
How to use Webpack require.context
18:05
14
Webpack Bundle Analyzer
5:15
15
How to use Google Analytics gtag.js with Turbolinks & Webpacker
7:02
16
How to use Rails Request.js
14:47
How to create Custom Elements with Web Components
15:52
18
How to use ESBuild in Rails with JSBundling
15:07
19
How to use Bootstrap with CSS bundling in Rails
9:37
20
How to use jQuery & jQueryUI with Esbuild
12:46
21
Refactoring Javascript with Stimulus Values API & Defaults
20:06
22
Live Reload with Esbuild in Rails using an EventSource
20:13
23
How to use CSS Variables with Ruby on Rails
7:39
24
How to use CodeMirror 6 with Ruby on Rails
19:51