/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 vote371 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote364 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote355 views1 answer
React passport session
Javascript React
0 vote359 views1 answer
How to get back image and front text in react native
Javascript React
0 vote369 views1 answer
Image and video lightbox react
Javascript React
1 vote355 views1 answer
Cleartimeout react
Javascript React
2 votes327 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote364 views1 answer
React-native how to get size of screen
Javascript React
1 vote374 views1 answer
Typing refs react
Javascript React
3 votes398 views2 answers
Error duplicate resources react native
Javascript React