/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

1 vote183 views3 answers
Add react to existing project
Javascript React
1 vote223 views1 answer
Private route in react js
Javascript React
0 vote183 views1 answer
Loop number in react
Javascript React
1 vote175 views2 answers
React toastify
Javascript React
0 vote254 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
17 votes196 views5 answers
React native icons
Javascript React
2 votes223 views1 answer
Cursor to pointer in react
Javascript React
0 vote186 views1 answer
Text field drag and drop reactjs
Javascript React
0 vote178 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
0 vote122 views2 answers
React refresh page not found
Javascript React