Premium Only Content

How to Add Live Reload to Your Rails Application
Live reload is an incredible tool for developers looking to boost their productivity. In this tutorial, I will walk you through the process of implementing live reload in your Ruby on Rails application using esbuild.
Implementing live reload can greatly streamline your development workflow, saving you valuable time and effort. By automatically refreshing your app whenever you make changes, you can instantly see the results without manually reloading the page.
To achieve this, we will leverage the power of esbuild, a cutting-edge technology for fast and efficient JavaScript bundling. By combining esbuild with Ruby on Rails, we can create a seamless live reload experience that will streamline your development process.
Timestamps:
00:00 - Intro
00:05 - Why live reload and why with Rails?
02:18 - Demo project kickoff
04:06 - Adding esbuild to an existing app
04:42 - Add node dependencies
05:27 - Create an esbuild.config.js file
06:12 - Write the new configuration
17:55 - Add live_reload.js file
19:23 - Reviewing our work
20:21 - Trying it all out
21:45 - Other solutions you could try
25:16 - Closing thoughts
💻 Read the written version:
https://webcrunch.com/posts/live-reload-rails
======
👋 I'm Andy Leverenz, a passionate product designer and developer. I love creating and sharing my knowledge through design, coding, and writing. Join me on my journey by checking out my blog, Web-Crunch (https://webcrunch.com), where I publish tutorials, articles, and the occasional vlog about design and development.
📰 Never miss an update! Click here to subscribe: https://www.youtube.com/user/webcrunch?sub_confirmation=1
💻 Read the written version:
https://webcrunch.com/posts/live-reload-rails
💎 New to Ruby on Rails? Enroll in my course HELLO RAILS:
https://hellorails.io
💻 The Blog (my source of truth): https://webcrunch.com
Additional Links:
🎨 Bring life to Rails projects with Rails UI: https://railsui.com.
👨💻 Hire me: Visit: https://railsui.com/custom
🐤 https://twitter.com/webcrunchblog.
⚙️ https://github.com/justalever.
P.S. This stuff takes a long time to make but I love to do it. To help me keep at it consider supporting me. If not monetarily, then subscribe to the channel or share it with someone!
✨ https://github.com/sponsors/justalever
☕️ https://www.buymeacoffee.com/webcrunch
-
1:35:11
The Mel K Show
2 hours agoMORNINGS WITH MEL K - The Battle For Your Brain: You Are Being Distracted Into Submission 7-9-25
17.7K9 -
1:00:54
VINCE
5 hours agoIt's Comey's Turn To Face The Music | Episode 81 - 07/09/25
255K408 -
48:55
Grant Stinchfield
3 hours ago $0.67 earnedJury Records Could Expose Illegal Voters—But They’re Blocking It!
11.9K7 -
1:23:25
The Shannon Joy Show
3 hours ago🔥🔥Trumps EXPLODES When Asked About Protecting The Epstein Network & Ties To Israeli Intelligence Agencies - MAGA Support Crumbling 🔥🔥
14.4K7 -
29:56
Rethinking the Dollar
2 hours agoTrump’s 50% Tariff Sparks Copper Price Explosion! | Morning Check-In
10.1K3 -
DVR
Bannons War Room
4 months agoWarRoom Live
27.3M6.9K -
56:42
VSiNLive
3 hours agoA Numbers Game with Gill Alexander | Hour 1
16.7K -
1:36:28
Caleb Hammer
3 hours agoHe's A Monster | Financial Audit
17K4 -
1:31:56
Benny Johnson
4 hours agoWhy The Epstein Question Will Never Die | Answering it is Critical to the Future of America...
56.7K161 -
1:15:59
The Big Mig™
4 hours agoThe War On The Deep State Begins, Spymasters Brennan & Comey Going Down!
17K19