/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 vote113 views1 answer
React toggle class
Javascript React
0 vote109 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
3 votes111 views1 answer
React pass props to children
Javascript React
0 vote116 views1 answer
What is react headroom
Javascript React
3 votes118 views2 answers
React get data attribute from element
Javascript React
2 votes106 views2 answers
Splice state react
Javascript React
0 vote104 views1 answer
Moment all formats in reactjs
Javascript React
11 votes109 views3 answers
React native text ellipsis
Javascript React
0 vote112 views1 answer
Ticking clock react js
Javascript React
0 vote117 views1 answer
Open sans font react js
Javascript React