/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 vote144 views1 answer
React app link description preview
Javascript React
-1 vote146 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote173 views1 answer
React native load function each time visit screen
Javascript React
1 vote179 views1 answer
Android resource linking failed react native image crop picker
Javascript React
-2 votes149 views1 answer
How to hide keyboard in react native
Javascript React
0 vote137 views1 answer
React onpaste get value
Javascript React
1 vote160 views2 answers
Hide react source
Javascript React
0 vote166 views1 answer
React-map-multidimensional-array
Javascript React
1 vote211 views1 answer
How to delete element at a particular index of array in react js
Javascript React
16 votes91 views1 answer
How to insern an image in react
Javascript React