/Javascript/React/Hide urls in .env in react app

Hide urls in .env in react app

WARNING: Do not store any secrets (such as private API keys) in your React app!

Environment variables are embedded into the build, meaning anyone can view them by inspecting your app's files.

outside our src folder create .env file and add it to gitignore
REACT_APP_WEATHER_API_KEY=123456
inside where you want to access the variable 
const API_KEY = process.env.REACT_APP_WEATHER_API_KEY;

make sure to restart the server

Source: stackoverflow.com

Similar codes

1 vote122 views1 answer
React material ui input max length
Javascript React
0 vote126 views1 answer
React file preview
Javascript React
0 vote119 views1 answer
React chart chart title
Javascript React
-1 vote132 views3 answers
Instalar react native paper
Javascript React
1 vote134 views3 answers
Linear gradient react native
Javascript React
0 vote128 views1 answer
Reference hook in react
Javascript React
-2 votes134 views1 answer
How to identify debug and release build in react native
Javascript React
0 vote123 views1 answer
Detect finishing write react input
Javascript React
2 votes168 views1 answer
React router 6 navigate
Javascript React
4 votes124 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React