/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

0 vote164 views1 answer
How to remove the top border from table react bootstrap
Javascript React
1 vote144 views1 answer
Reactjs compile subdomine
Javascript React
2 votes167 views1 answer
Jquery vs react
Javascript React
2 votes152 views1 answer
Change color of strike through line of text in react native
Javascript React
1 vote182 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
18 votes174 views6 answers
Import svg as react component
Javascript React
0 vote154 views1 answer
React axios get cookie from response
Javascript React
0 vote171 views1 answer
React function runs several times
Javascript React
0 vote165 views1 answer
Redirect to another path react
Javascript React
0 vote408 views1 answer
React native multiline cursor on first line
Javascript React