/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

3 votes149 views1 answer
Pass element from child to parent react
Javascript React
0 vote122 views1 answer
Test one function in react class
Javascript React
4 votes119 views1 answer
How to send axios delete to the backend reactjs
Javascript React
0 vote114 views1 answer
Yarn react-native-async-storage
Javascript React
0 vote117 views1 answer
Making a react js website project ready for hosting
Javascript React
93 votes121 views6 answers
React router dom install
Javascript React
0 vote115 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
0 vote155 views1 answer
React native init specific version
Javascript React
1 vote112 views1 answer
Tab navigation react-native without title
Javascript React
0 vote148 views1 answer
Textalignvertical not working in ios react native
Javascript React