/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

11 votes227 views3 answers
Reactjs get url query params as object
Javascript React
1 vote218 views1 answer
Reactive localstorage in react
Javascript React
1 vote233 views2 answers
React-native-screens
Javascript React
0 vote231 views1 answer
Horizontal scrollview in react js
Javascript React
29 votes197 views3 answers
Creating react app using npx
Javascript React
0 vote252 views1 answer
Comment creer des switch en react js
Javascript React
18 votes200 views6 answers
How to import svg in react
Javascript React
0 vote234 views1 answer
Map of filtered data react
Javascript React
0 vote228 views2 answers
React native view background transparency
Javascript React
4 votes187 views1 answer
Get width of screen react
Javascript React