/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

6 votes327 views3 answers
Multiple path names for a same component in react router
Javascript React
1 vote207 views1 answer
How to setup React Context, useContext Hook
Javascript React
13 votes184 views1 answer
React post request
Javascript React
1 vote229 views1 answer
React render html variable
Javascript React
4 votes139 views1 answer
React router dom v6 goback
Javascript React
0 vote184 views1 answer
Disable key enter react-hook-form
Javascript React
1 vote189 views2 answers
How to not use relative imports in react js
Javascript React
18 votes249 views3 answers
Add material ui to react
Javascript React
1 vote210 views1 answer
Set Custom User Agent react
Javascript React
1 vote148 views1 answer
Audio in react
Javascript React