All Javascript Episodes

How to use Uppy with ActiveStorage

#329 · Jan 27, 2020

Learn how to implement Uppy as a frontend for uploading files via drag and drop, paste, URL, Google Drive, Dropbox, webcam and more to Active Storage in Rails

18 13

Incomplete

How to use Bootstrap with Webpack & Rails

#295 · Apr 30, 2019

Rails's webpacker gem makes it super easy to load both Bootstrap's CSS and JS into your Rails app using webpack

38 32

Incomplete

How to Remove Unused CSS Classes from Tailwind CSS, Boostrap, and more with PurgeCSS

#294 · Apr 24, 2019

CSS frameworks like Tailwind, Bootstrap, Foundation, etc all come with many CSS classes you probably aren't using. This creates huge CSS files unless we use a tool like PurgeCSS to look through our code and remove the unused classes.

28 9

Incomplete

How to install TailwindCSS 1.0 with Rails 6

#293 · Apr 16, 2019

With TailwindCSS 1.0 just around the corner and some changes in Rails 6 to Webpacker, we take a look at how to install and setup the latest version of TailwindCSS with Rails 6.0

29 10

Incomplete

How to use Javascript via Webpacker in Rails 6

#292 · Apr 12, 2019

Rails 6 defaults to using Webpacker for Javascript instead of the asset pipeline. We'll learn how everything is structured and laid out and see how to add Flatpickr to Rails 6 including both the Javascript and CSS for it.

49 15

Incomplete

@mentions for Users with ActionText in Rails 6

#288 · Mar 11, 2019

Mentioning Users with an @mention is a super common feature. Trix and ActionText are now part of Rails 6 which means we can very easily add support for tagging users with @mentions and other custom attachments in your applications.

30 13

Incomplete

Dynamic Nested Forms with Stimulus JS

#283 · Feb 07, 2019 Pro

Don't like Cocoon or it's jQuery dependency? We can use Stimulus JS and build dynamic nested forms in Rails with accepts_nested_attributes_for from scratch pretty easily!

60 25

Incomplete

Autosave Draft Records - Part 2

#282 · Jan 31, 2019 Pro

Creating draft records in your database can be tricky. We'll be using the Draftsman gem to help us create draft versions of our records with our autosave Javascript

9 0

Incomplete

Autosave Draft Records - Part 1

#281 · Jan 23, 2019 Pro

Autosaving draft records allows you to make sure users don't lose their work and can easily write draft content without publishing right away. We'll be using Stimulus to build an autosave controller for our form and Draftsman to power the backend.

25 2

Incomplete

Webpacker Javascript Embed Code Snippet & Scoped Styles

#277 · Dec 26, 2018 Pro

We can use webpacker to create scoped styles for our Javascript widget and build an embed code that links to the latest version of our webpacker JS and CSS for our embeddable widget.

19 5

Incomplete

Filter By

All Episodes Free Episodes Pro Episodes

Sort By

Published Date Popularity

Categories

Subscribe to the newsletter

Join 31,353+ developers who get early access to new screencasts, articles, guides, updates, and more.