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
-
2:13:34
RiftTV/Slightly Offensive
6 hours agoZelensky Declares WAR on RUSSIA.. Trump FUMING Over Surprise ATTACK | The Rift | Guest: Sarah Stock
43.1K73 -
LIVE
a12cat34dog
3 hours ago2011 GAME PREDICTS 2027 :: Homefront :: AMERICA HAS FALLEN {18+}
94 watching -
2:37:10
PudgeTV
8 hours agoMod Mondays Special Ep | Gaming on Rumble Ambassadors | The Rumble Takeover
51.8K5 -
Dome After Dark
4 hours agoDome After Dark: Monday Night Hangout!
7.79K -
LIVE
RyuMuramasa✧
4 hours agoLimveld's Destiny | Elden Ring Nightreign | LIVE Full Walkthrough!
32 watching -
1:52:45
Robert Gouveia
6 hours agoTrump at SUPREME COURT! Election Lawsuit ACCEPTED! Gun Rights IGNORED!
49.6K11 -
12:34
From The Desk Of Anthony Pompliano
7 hours ago $6.26 earnedElon Musk & Marc Andreessen Agree: Robotics Will Eclipse EVERYTHING
50.8K5 -
2:40:44
Fragniac
5 hours ago🔴THE FINAL STREAM ...💥 ─╦ ╤ (•_-) - CLIP EVERYTHING❗🎬📽 🎞
13.4K1 -
4:57:23
Deaf Gamer Girl
5 hours agoDGG playtime | June Creator Program Day #1 ! | lurk are welcome | !throne !feature
15.6K2 -
5:44:20
The Sufari Hub
6 hours ago🔴BECOMING AN ASSASSINS || ASSASSINS CREED I || FIRST TIME PLAYING
10.3K