/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

2 votes225 views3 answers
React native swiper
Javascript React
0 vote232 views1 answer
React native prevent rotation of screen
Javascript React
0 vote367 views1 answer
React-data-table-component cell action stack overflow
Javascript React
0 vote245 views2 answers
Why we need react js
Javascript React
1 vote278 views2 answers
Push values to state array class react
Javascript React
142 votes366 views5 answers
Install react
Javascript React
0 vote226 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
7 votes232 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote198 views2 answers
Syntax attribute same as name react
Javascript React
5 votes231 views2 answers
Onclick multiple functions react
Javascript React