/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

3 votes375 views1 answer
React native nox emulator
Javascript React
0 vote396 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
2 votes373 views1 answer
How to add react scroll scrollable link
Javascript React
2 votes360 views1 answer
React add gradient top to bottom
Javascript React
11 votes391 views3 answers
Create react tailwind app
Javascript React
1 vote401 views1 answer
Get value of input element on button click react
Javascript React
5 votes381 views3 answers
React default proptypes
Javascript React
10 votes389 views1 answer
Dimensions react native
Javascript React
0 vote384 views1 answer
Install aos in react
Javascript React
65 votes332 views6 answers
Route react
Javascript React