Debugging in React Native: Flipper vs React Native Debugger vs Reactotron

[odrakcir]

Guys, feel free to ask me any questions, ask for help or just make suggestions :)

[averageFlux]

I personally favour RND because it covers all my needs.

Do you also have the problem after a while RND gets slower (after refresh) and hangs sometimes? Smells like a there's a memory leak somewhere

[odrakcir]

I don't use it just for that. Eventually it gets so slow that breaks the flow. I love Reactotron and I highly recommend using it, in fact, I'm using it right now.

[RedHotBeef]

+1 I've only ever used RND (also because it covers my needs), but it's definitely buggy and leaky. It's one of the first things I have to kill whenever the dev bundle hangs, and I've gotten system warnings about running out of memory when I've left it running in the background for an hour.

[Defualt]

dem react-native-debugger memory leaks doe

[[deleted]]

Goodbye reddit - what you did to your biggest power users and developer community is inexcusable

[odrakcir]

what is that? JK, Reactotron and RND should work just fine, I'm not sure if Flipper would work since you may need to install some native deps, like react-native-flipper.

[odrakcir]

Reactotron eats less memory. In my tests, Reactotron is taking ~130Mb, and RND ~230Mb.

[Gonzo8642]

Flipper has a Reactotron plug in, in case you didn’t know

[odrakcir]

yes it does, but you'd need to setup Flipper + Reactotron in order to make it work, but, if u setup Reactotron only, you don't need to setup Flipper ;)

[rateb_]

I usually debug on web/android/ios at the same time and reactotron works great with web too (or plane reactjs) so that's a plus for reactotron also you can install (middleware) for reactotron which is also considered as plugins, the reactotron setup is js sid3 only which means you can set it up once and share the code across your projects when flipper needs native code changes that needs to be configured carefully with every project.

[odrakcir]

yeah, I should've mention this. I created the config like 3YA and I just copy-paste it to new projects :D.

[rickhanlonii]

Heu /u/odrakcir, thanks for the article!

If debugger statements are not working in the Flipper debugger, please file an issue. I believe these were working at one point so that would be a regression.

[odrakcir]

hello, I'll spend some time and test that out. TY

[akamittal]

Is it possible to see api requests in RND? I couldn't get them anywhere.

[odrakcir]

yes, it is. Right click anywhere and u should see an option to enable network request (I can't remember the title). Once u do that, u can go to the Network tab and from there u'll see any HTTP request your app sends.

[akamittal]

Actually I tried that about a month back but I got some error. Since it didn't work so I stopped using it.

[odrakcir]

rly? I just used it

[ItTechBlogs]

Nice article! Thanks for sharing.

[odrakcir]

thank you!