/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 vote150 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote232 views1 answer
Reactstrap form post
Javascript React
0 vote149 views1 answer
Nextjs react native web typescript
Javascript React
3 votes177 views2 answers
How to know the current route in react class component
Javascript React
21 votes149 views5 answers
How to add a shadow react native
Javascript React
0 vote148 views1 answer
Reactive forms angular conditional disabling
Javascript React
7 votes149 views2 answers
Br in react native
Javascript React
8 votes152 views3 answers
Shadown reAct native
Javascript React
0 vote156 views1 answer
React native run android common error
Javascript React
1 vote217 views1 answer
How to find the width of outerconatiner in react native
Javascript React