/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 vote333 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
48 votes334 views6 answers
Comment in react
Javascript React
10 votes342 views5 answers
Form react js
Javascript React
0 vote295 views1 answer
How to link to a different component in reactjs without react router
Javascript React
0 vote311 views1 answer
Start to work with a pre existing react projects
Javascript React
0 vote316 views1 answer
Popup react now ui
Javascript React
7 votes304 views3 answers
How to update react state array
Javascript React
-2 votes342 views3 answers
Keyboard dismiss in react native
Javascript React
1 vote329 views1 answer
Breakline in react native
Javascript React
0 vote312 views2 answers
React show view based on role permission
Javascript React