React native debugger is too slow

Question

Ok so this is really been a headache for me. I have been trying to develop a react native app but the Debug JS feature on chrome makes it run very very slowly. Each button click and transition takes almost a couple of minutes and sometimes longer making debugging close to impossible.

I have removed many of the unused console.log statements to try and speed things up. I have also pulled the debugging tab into its own separate window. But there no real change in speed. I have also tried to connect the phone over wifi to debug it. I am running the code on the hardware device and have already tried the suggestions given in the following posts

https://github.com/facebook/react-native/issues/10559 https://github.com/facebook/react-native/issues/5632

What is the best approach to make the debugging faster and more tolerable?

Answer 1

Check the clocks on your phone and your computer. In my case, the lagging occurs when the phone's clock is behind the computer's clock for more than a second. The issue resolved when I changed the phone's clock to a few seconds ahead of the computer.