43 ReactJS basics - using env file

[@zardarkhan9913]

You're the best man, you won't believe how annoying it's been to figure this out. Thank you!

[@cmefindaname]

'REACT_APP_' that's all it was! Thank you, great vid!

[@hasbealam]

Thank you for making this video!

[@arikedada]

Thank you so much, been on this for two days trying to figure it out and you just saved me, thank you

[@Bitfumes]

You are welcome!

[@chrismaki5456]

That reiteration was genius if you intended to do it. I have nodemon running, so I automatically restart the server with each change, but it doesn't do that in with the ENV file as expected. When you, for a second time, showed that you had to manually restart the server, that really drove that point home (because I always work ahead when watching tutorials, then I come back to watch why I got stuck).

[@donal-milesgyasi6256]

your comment helped me..was in the same boat ...nearly watched a different video

[@robx_001]

in the end i found the video that i'm searching for. THANKS

[@hoangnguyenbauc9035]

it help me out a lot, thank you so much !!!

[@CTMiata07]

Finally found a working solution. Thanks 👍

[@fhkodama]

Man, you saved my life! Thanks!!! :)

[@Bitfumes]

Glad to hear it!

[@logicappsource4549]

./src/axios.js Line 4:15: 'process' is not defined

[@anthonyzao707]

good work. you saved my time!

[@shtrikman_engineering]

It's so easy 😃 Thank you bro

[@mirage4731]

You gained one more subscriber Keep up the good work 💥💥💫

[@nicolasjimenez5432]

Thx, but, if i want push the project for production environment, i should ignore .env file in my .gitignore? Or what should do i?

[@shahzeibjaswal6391]

yes, add .env to your .gitignore file

[@oz4549]

@@shahzeibjaswal6391 if it will be ignored then the production application won't work anymore because the key doesn't exist anymore. Excuse my ignorance but will this be the case?

[@sainikhila1193]

tanks your tutorial helped me a lot 👍

[@Bitfumes]

Glad to hear that!

[@live_study_with_me]

Thank you man!

[@alifawzi8197]

thank you sooooooooo much very helpful

[@redYELL0Wblue]

Thank you!!!!!!!!!!!!!! Great video and to the point!!

[@case_tips]

thank you very much I was trying to fetch before restarting the server you helped me a lot

[@stepvillafashion8634]

Thanks for the help it works fine for me

[@siddiquatarannum4069]

Thanks man for your efforts it really helped me a lot.

[@Bitfumes]

Thanks for your love and support, keep learning. Subscribe to bitfumes newsletters bitfumes.com/newsletters

[@victorparisi4441]

Great explanation!

[@mahabub-sunny]

Great Bro! Awesome

[@duban5501]

Thank u, thank u, thank u

[@Bitfumes]

keep learning bro. Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters

[@fanaticbark4856]

Thank You it helps a lot 😊

[@NDOSPARTAN11]

sir problem is that when i am saving my .env file icon of file is not changing it is getting saved as txt form thats why i am facing error as undefind

[@sohailsj8944]

thanks

[@divyasree9198]

Hi sir I am getting the value in console , but when I am using it with variable I cant get the result. what may be the issue?

[@mathewausianikau9631]

Thank you very much!

[@澳贼]

nice and easy, thank you mate.

[@narinemkrtchyan1087]

Thank you

[@anithadharaneedharan6758]

Awesome step by step video. It helped me fix the issue.

[@samuelsodagudi]

Exactly what I'm looking for. Thank you.

[@krzysztofmendrek2360]

That's a very helpful example. Thank you and good luck :)

[@ruslanloskutov812]

thanks, it wasnt obvious for me to put REACT_APP before any .env vars

[@EdwinRebolledo]

Hello thanks for the video, a question, what font are you using?

[@radezzientertainment501]

looks like Fira Code if im not mistaken

[@giantqtipz6577]

Are you use create react app? Because this isn’t working for me, and I’m not using create react app

[@mfahad24]

For me, I had to do something like "REACT_APP_NOT_SECRET_CODE=abcdef npm start" with my API key. Looks like I cant simply create an .env and hope it works. There are other .env files already present. This is what is in my .gitignore file: .env.local .env.development.local .env.test.local .env.production.local So using that command put my key in one of those folders. I am assuming env.local (i cant seem to find it, though)

[@bcdeveloperc6142]

@@mfahad24 im having the same problem

[@wingmann3632]

God bless you

[@Bitfumes]

Thanks bro, keep learning

[@ankitbajpai8212]

Can someone help me to resolve the issue as I'm getting 401 error by doing the same thing?

[@dheerajgupta4540]

Thanks you so much

[@Bitfumes]

Happy to help

[@raghu.acharya]

I'm getting "process is not defined" error in the console. FYI, I'm running react inside single SPA

[@TheAdel136]

update your nodeJs version and make sure that your node_modules is correctly configured bro !

[@beulahakindele9990]

Is this CRA or custom?

[@VuNguyen-nj5wr]

thanks bro

[@Ebizzill]

very helpful thank you

[@leeyahav4754]

thx man . thats helped a lot

[@lane85]

Do you have to call it UNSPLASH or it could be which ever name you like?

[@littlegenius6932]

any name you like

[@mahmed6497]

great mentor, also waiting for a full project.thanks

[@AchourWork]

thank you !!!

[@pixelkiller67]

thanks a lot

[@thiagoleobons390]

you can still see the api key (@5:12)

[@heavydirtysoul1491]

'You should really only save API keys or secrets in your backend such as Node / Express. You can have your client send a request to your backend API, which can then make the actual API call with the API key and send the data back to your client.' Antonia Blair - Stackoverflow

[@asijitmanna728]

theme name?

[@Bitfumes]

material palenight

[@NBA6Fan]

Can't believe no one else mentioned you need to add "REACT_APP" in .env first. Thank you! BTW what is the point of it when you can still access api key in console in browser...

[@Abi-is9fv]

if its private secret key, it should be placed in server and accessed via a wrapper api.

[@NBA6Fan]

@@Abi-is9fv Thanks for note. I'd guess every api key is private secret key, that is the point of video. But it is only half protection.

[@mahbubshohag6954]

Great! Thanks a lot.

[@Bitfumes]

Thanks for your love and support, keep learning. Subscribe to bitfumes newsletters bitfumes.com/newsletters

[@daudahmed2343]

You're the best man

[@Filmnote]

thank you man

[@wylkerdsantosoficial]

Veeeeeeeeeery good man!

[@atishyadavit1036]

thanks man, actually i was making the. env file in src folder, when you said root directory then i realised😊

[@abbaadamu3927]

yooooooo ha-hah i was doing the exact same thing lol thank you

[@gopinathkrm58]

nice

[@Bitfumes]

Very nice

[@mohamed404eg]

After each modification in env file and create, stop the server and start it again, otherwise it wont read your new changes.

[@chubbyBunny94]

But someone can still see the key if they use dev tools?

[@jeroenj7494]

yes

[@heavydirtysoul1491]

'You should really only save API keys or secrets in your backend such as Node / Express. You can have your client send a request to your backend API, which can then make the actual API call with the API key and send the data back to your client.' Antonia Blair - Stackoverflow

[@saidinesh898]

This won't work in Production, create a custom API endpoint and consume it in your react app.

[@akashshrestha01]

great

[@kevinzebb]

bruh, all I needed to do was restart the server lmao

[@farzad5128]

😂😂 client_id is show in devtools network request url 😅😅 you added important key id env but showing in devtools!!!!! i dont show key id in request and headers

[@wadf29]

ReferenceError: process is not defined

[@score_]

managed to fix?

[@wadf29]

@@score_ no luck.

[@score_]

@@wadf29 are you using Vite? if yes, the process is a bit different

[@wadf29]

@@score_ Yes, I am using vite. Do you have a link with some information about have to fix this?

[@score_]

try this: kzbin.info/www/bejne/r3ixeKeaYslmqNE

[@onlynowmotivation]

thanks. But you talk a lot

[@Bitfumes]

😍

[@kacperkepinski4990]

how to prevent to send env file to github?

[@nonelelacele9300]

You need to show how to configure first. What is this???🥲

[@aruns4927]

thanks Bro