/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 vote194 views1 answer
Unexpected token useeffect react native
Javascript React
13 votes186 views1 answer
Round button corner right react native
Javascript React
0 vote188 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
1 vote198 views1 answer
React native flatlist pull to refresh
Javascript React
5 votes263 views4 answers
React route multiple components
Javascript React
0 vote199 views2 answers
Write data in props.histroy.push in react component
Javascript React
0 vote207 views2 answers
React arrow function component
Javascript React
0 vote178 views1 answer
Ts(2749) react testing library
Javascript React
0 vote189 views1 answer
How to clear text ibput after message sent react native
Javascript React
0 vote189 views1 answer
How to bound a state variable to a field react final form
Javascript React