/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

5 votes150 views2 answers
React js download file
Javascript React
0 vote143 views1 answer
React native check os
Javascript React
0 vote250 views1 answer
React native storage
Javascript React
2 votes85 views1 answer
Rn touchableopacity
Javascript React
0 vote136 views1 answer
How is react different from normal js
Javascript React
0 vote140 views1 answer
Icomoon react native
Javascript React
0 vote121 views1 answer
React router dom two page form
Javascript React
0 vote150 views1 answer
Heroku buildpacks with react
Javascript React
0 vote140 views1 answer
React state deconstructed
Javascript React
0 vote147 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React