/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 vote184 views7 answers
How to generate debug build in react native
Javascript React
0 vote216 views1 answer
React router dom change default path
Javascript React
1 vote189 views1 answer
Firebase react router page not found on page refresh
Javascript React
3 votes210 views2 answers
Fetch data from api in react
Javascript React
0 vote179 views2 answers
Can we use .env in react native?
Javascript React
0 vote208 views1 answer
Take site to top after clicking in react
Javascript React
0 vote202 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
0 vote210 views1 answer
React native diasble view
Javascript React
69 votes211 views6 answers
React icon
Javascript React
0 vote204 views1 answer
Javascript Binding Example With React
Javascript React