/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 votes209 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
0 vote201 views1 answer
Ng-class equivalent in react
Javascript React
0 vote199 views1 answer
React hooks link to external site new tab
Javascript React
18 votes191 views5 answers
How to use svg in react js
Javascript React
0 vote213 views1 answer
How to link a photo in expo react native
Javascript React
0 vote202 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
0 vote161 views1 answer
Dull a background image in react native
Javascript React
0 vote217 views1 answer
React index.js file
Javascript React
4 votes175 views1 answer
Get width of screen react
Javascript React
2 votes254 views2 answers
Select field in react native
Javascript React