/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 vote207 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
1 vote244 views1 answer
Module '"../../../node_modules/react-native"' has no exported member 'View'
Javascript React
0 vote258 views1 answer
React props change
Javascript React
1 vote250 views5 answers
Push notification react native
Javascript React
1 vote248 views1 answer
React-redux imports
Javascript React
0 vote230 views1 answer
Javascript slider get value react
Javascript React
0 vote268 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
23 votes222 views4 answers
Change port react app
Javascript React
5 votes253 views3 answers
React default proptypes
Javascript React
0 vote272 views1 answer
My vscode does not recognize react code syntax
Javascript React