/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 vote208 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
4 votes244 views1 answer
React native radio buttons
Javascript React
4 votes220 views3 answers
React link underline
Javascript React
0 vote270 views1 answer
How we can set react select required
Javascript React
1 vote262 views1 answer
React waypoint loadmore not working
Javascript React
0 vote259 views1 answer
Code in nested forEach loop- react native
Javascript React
1 vote232 views1 answer
React router base url
Javascript React
-1 vote236 views1 answer
Flatlist react native horizontal
Javascript React
0 vote211 views1 answer
To do list app react code
Javascript React
0 vote252 views1 answer
React toastify does not have design
Javascript React