/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 vote211 views1 answer
React date component with word month
Javascript React
0 vote195 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote173 views1 answer
UseFetch custom hook for React
Javascript React
0 vote271 views1 answer
Install react hotjar
Javascript React
0 vote184 views1 answer
To do list app react code
Javascript React
4 votes224 views1 answer
Carousel react
Javascript React
0 vote174 views1 answer
React native sectionlist filter
Javascript React
0 vote180 views1 answer
Reactjs class exemple componentDidMount
Javascript React
-1 vote218 views1 answer
Convert datetime value to time only in reactjs
Javascript React
0 vote173 views3 answers
Create dots in carousel react js bootraps
Javascript React