/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 vote181 views2 answers
React native detect platform
Javascript React
1 vote231 views1 answer
React counter input
Javascript React
-1 vote243 views1 answer
React check if browser is in dark mode
Javascript React
0 vote202 views1 answer
React Native - Trigger Media Scanner
Javascript React
1 vote236 views1 answer
React native remove text from string
Javascript React
1 vote222 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote225 views1 answer
React native style variable
Javascript React
0 vote332 views1 answer
Tailwind css toggle switch react
Javascript React
64 votes215 views6 answers
Router react
Javascript React
0 vote198 views2 answers
Why we use react js
Javascript React