/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 vote153 views1 answer
React route send informaion in url
Javascript React
4 votes130 views1 answer
React js materilize
Javascript React
0 vote144 views1 answer
React native get source maps
Javascript React
1 vote151 views1 answer
Functional component how to add to existing array react
Javascript React
8 votes147 views2 answers
React on link click scroll to top
Javascript React
0 vote145 views1 answer
User account in react
Javascript React
0 vote158 views1 answer
Tailwind intenseness react
Javascript React
0 vote195 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
0 vote176 views1 answer
Olx clone react
Javascript React
7 votes138 views3 answers
How to update a state with an array react
Javascript React