/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

1 vote195 views1 answer
Connect metamask with react app
Javascript React
4 votes201 views1 answer
Reactjs onclick open new page
Javascript React
2 votes210 views1 answer
How to import lodash in react
Javascript React
0 vote198 views3 answers
Create dots in carousel react js bootraps
Javascript React
0 vote195 views1 answer
React receiving socket muitple times
Javascript React
0 vote197 views1 answer
React native elements bottom sheet close on back button press
Javascript React
1 vote171 views2 answers
React-native array.filter by index arrow function
Javascript React
-2 votes197 views1 answer
Starter react redux project
Javascript React
3 votes179 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote214 views1 answer
Notification bell icon bootstrap react
Javascript React