How can I completely hide code from people inspecting my React app with developer tools (including the 'Application' tab)?

Question

This question is not a duplicate of this other one as it refers to the Application tab of the developer tools. I followed what was advised on the other question and the code from the Sources tab went away.

However, the production build code will still show up under the Application tab, especifically beneath Frames, top and Scripts. It is all in a single file named something like main.5b8eb24hkhr2.chunk.js.

Is there a way to hide it?

ps: my project has a Firebase backend.

Do Facebook, Twitter and Reddit (all React apps) allow anyone to see their code by just going to the ```Application``` tab? — uber, May 26 '20 at 12:31

score 1 · Answer 1 · answered May 25 '20 at 19:26

1

The short answer is that you can't, You don't have control over that. As far as the files are included as scripts there are going to be available consider using obfuscation

answered May 25 '20 at 19:26

Duncan Warukira

11
1

is this the technique big companies with React front ends (Facebook, Twitter) use? – uber May 26 '20 at 12:38

How can I completely hide code from people inspecting my React app with developer tools (including the 'Application' tab)?

1 Answers1