/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 vote257 views2 answers
React native view background transparency
Javascript React
0 vote242 views1 answer
React firebase add doc to collection
Javascript React
2 votes258 views2 answers
How to export multiple functions react from one file
Javascript React
0 vote237 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
2 votes255 views1 answer
Get current screen name react navigation
Javascript React
1 vote262 views1 answer
Reactnavigation 5 hide header
Javascript React
3 votes225 views2 answers
React router hooks
Javascript React
-2 votes215 views2 answers
React gsap
Javascript React
0 vote319 views1 answer
Scroll down react js typescript
Javascript React
1 vote275 views1 answer
External script in react
Javascript React