Search code examples
javascriptreactjsgoogle-chrome-devtools

How to hide API links & React JS code from Dev tools?


I've built a web app using React JS which is getting data from an API

Screenshot of the app

If I go to "Inspect Elements" and go to sources, I'm able to see my code

Source Code Screen Shot

My Question is :- Is it possible to hide this and all other code? Here's the link of the App :- https://recipeee-54899.firebaseapp.com/


Solution

  • You can't hide this code as far as I know.

    You can use webpack (which I saw you already use in your app) to make your code not readable. I suggest you'll use webpack to make a bundle of your js code into one file and production mode to minify your code so it will be very hard to read it.