ReactRailsUJS: how to stop listening for events?

Help us help you! Please choose one:

• My app crashes with react-rails, so I’ve included the stack trace and the exact steps which make it crash.
• My app doesn’t crash, but I’m getting unexpected behavior. So, I’ve described the unexpected behavior and suggested a new behavior.
• I’m trying to use react-rails with another library, but I’m having trouble. I’ve described my JavaScript management setup (eg, Sprockets, Webpack…), how I’m trying to use this other library, and why it’s not working.
• I have another issue to discuss.

---

Hello there!

Thank you for the awesome gem! I want to implement ‘lazy’ loading for my react components and render them after window.onload event fired. But ReactRailsUJS start watching for turbolinks events and render components during loading page (on turbolinks:load). The page starts waiting and fires window.onload event only after all react components rendered.

How I can stop listening for events when ReactRailsUJS loaded? (I want to mountComponents manually on first load and detectEvents afterwords).

Let me know if something is unclear in my description 😃

[anaumov]

hey, everyone! If someone looking for solution, it’s pretty easy ReactRailsUJS has method removeEvent. You can stop listening for any event you like. For example render components on window load instead of turbolinks:render

ReactRailsUJS.removeEvent('turbolinks:render', ReactRailsUJS.handleMount);
ReactRailsUJS.removeEvent('DOMContentLoaded', ReactRailsUJS.handleMount);
$(window).on('load', function() {
  ReactRailsUJS.handleMount();
  ReactRailsUJS.detectEvents();
})

[BookOfGreg]

Thanks @anaumov ! I’ve added an entry to the Wiki with your example: https://github.com/reactjs/react-rails/wiki/How-to:-Stop-listening-to-events