/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 vote158 views1 answer
Onpress react native datepicker stackver flow
Javascript React
0 vote151 views1 answer
Reactjs events list
Javascript React
1 vote145 views1 answer
React native create view dynamically
Javascript React
-1 vote162 views2 answers
React map example leaflets
Javascript React
12 votes135 views2 answers
React split array into chunks
Javascript React
2 votes139 views2 answers
Text number of lines react native
Javascript React
1 vote146 views1 answer
React native "modalize" above bottom navigation
Javascript React
1 vote138 views3 answers
Window.innerHeight react js
Javascript React
1 vote141 views1 answer
Forcechange input reactiveform
Javascript React
-1 vote156 views1 answer
Paypal in react js
Javascript React