如何从开发工具中隐藏 api 链接和 React JS 代码？

Question

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/

Answer 1

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.