Want more GoRails?
GoRails is packed full with over 350 lessons just like this one.
Sign up to get full access or log in to your account and sit back.
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
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.
Notes
Resources
Javascript and CSS in Rails
1
Including Javascript and CSS Libraries With Rails
6 minutes
2
Clean Javascript Code Using Data-Behavior On The Frontend
11 minutes
3
How To Create A Gem For Frontend Javascript And CSS Libraries
6 minutes
4
Manage Assets With Rails Assets
10 minutes
5
Using Purchased Themes with Rails
23 minutes
6
Using Bootstrap 4 Rubygem with Rails
3 minutes
7
Sharing Data With Javascript
14 minutes
8
Primer on Rails 5.1's new UJS library
17 minutes
9
How To Use Turbolinks clearCache()
5 minutes
10
Migrating From jQuery to Vanilla Javascript
17 minutes
11
Stimulus JS Framework Introduction
18 minutes
12
How to install Tailwind CSS using Webpacker with Rails
12 minutes
13
How to use Webpack require.context
18 minutes
14
Webpack Bundle Analyzer
5 minutes
15
How to use Google Analytics gtag.js with Turbolinks & Webpacker
7 minutes
16
How to use Rails Request.js
12 minutes
17
How to create Custom Elements with Web Components
15 minutes
18
How to use ESBuild in Rails with JSBundling
15 minutes
19
How to use Bootstrap with CSS bundling in Rails
9 minutes
20
How to use jQuery & jQueryUI with Esbuild
12 minutes
21
Refactoring Javascript with Stimulus Values API & Defaults
20 minutes
22
Live Reload with Esbuild in Rails using an EventSource
20 minutes
23
How to use CSS Variables with Ruby on Rails
7 minutes
How to use CodeMirror 6 with Ruby on Rails
19 minutes