/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 vote368 views1 answer
Redirect to another path react
Javascript React
0 vote386 views1 answer
React native tdd emzyme
Javascript React
22 votes338 views4 answers
Shadow elevation react native
Javascript React
0 vote349 views1 answer
Reactjs alert
Javascript React
0 vote363 views1 answer
V4 history for react action or api calls
Javascript React
0 vote365 views1 answer
React 1 to 10 rating
Javascript React
2 votes377 views1 answer
Path.split is not a function react hook use form
Javascript React
0 vote372 views4 answers
How to pass data between routes in react
Javascript React
0 vote345 views1 answer
Spining load react component
Javascript React
-1 vote369 views1 answer
Image component doesn't show image from url react native
Javascript React