Issue
While I'm debugging code in ReactJS in Google DevTools (I've installed react devtools, by the way), a lot of layers in the call stack are from code from ReactJS itself, as opposed to code that I've written in the project I'm working on.
How can I hide those lines, so that I can focus on the parts of the call stack that involve my code?
I'm working on a website involving ReactJS, as opposed to a mobile device application.
Solution
You can blackbox the React library files in DevTools. This stop the debugger from stepping into the code, and a message will appear in the call stack to say "x frames are hidden (black-boxed)".
See Blackbox JavaScript Source Files for a complete guide on using this feature.
Answered By - Gideon Pyzer
Answer Checked By - - Marie Seifert (ReactFix Admin)