How to run your first react js app project in visual studio code using node js is shown #reactjs #reactjstutorial #vscode
Пікірлер: 593
@minimumviablepizza9 ай бұрын
Perfect tutorial. Easy to follow and got me up and running quickly. Good extension recommendations too! 🙏
@unitedtoptech62889 ай бұрын
Glad you liked it!
@erycsaprones451424 күн бұрын
you deserve more than one following from me... you are very straight to the point and you have helped me a lot. I can't thank you enough
@unitedtoptech628824 күн бұрын
Most welcome man ❤😊
@Code-Wave17 ай бұрын
Thank you so much bro, good tutorial,that was a ggood thing using my first commands on the terminal😄
@unitedtoptech62887 ай бұрын
WELCOME BRO!!
@NiteshKumar-xy6noАй бұрын
Thanks brother, love from India ❤
@unitedtoptech6288Ай бұрын
Welcome Bro!!😊
@miielli10 ай бұрын
Thank you very much man, you literaly saved my school project.
@unitedtoptech628810 ай бұрын
Glad I could help!
@ISOTechEXE6 ай бұрын
Music for my ears, EVERY code tutorial must sound like this
@unitedtoptech62886 ай бұрын
Wow thanks, you mean my voice is good?
@keshavsainath1142 Жыл бұрын
I really loved this tutorial. It was explained in great detail and everything worked perfectly!! Thank you for this!!
@unitedtoptech6288 Жыл бұрын
You are so welcome!!!
@Pppupu68582 ай бұрын
@@unitedtoptech6288 bro even after putting the path its showing nodejs not recognized
@mohapimohoto73544 ай бұрын
This video is super helpful, I went through 8 videos before my node and npm could start working and this is the only one who helped😂
@unitedtoptech62884 ай бұрын
Great to hear!
@HemlataNagar-rn8cx4 ай бұрын
Thankyou so much because has a unique explantion . Its really help me
@unitedtoptech62884 ай бұрын
nice! thanks
@ronethsandeepa5014 Жыл бұрын
Good tutorial everything is very clear and understandable. Recomanded
@unitedtoptech6288 Жыл бұрын
Fantastic man , Thank you
@deeee_veeen Жыл бұрын
Such a beautiful tutorial thank you
@unitedtoptech6288 Жыл бұрын
Welcome!!
@ricardorivera33857 ай бұрын
Great tutorial. Others go into VSC without first stating the need for node.js first. The tip about the environmental path was also important.
@unitedtoptech62887 ай бұрын
glad you liked it! Welcome
@ApurvaAthawale-i5r2 ай бұрын
it's just perfect this video was very useful for me today, I had to submit my task today itself due to this video got my work submitted
@unitedtoptech62882 ай бұрын
Glad it helped! good luck
@winnielee5289 Жыл бұрын
best beginner-friendly video
@unitedtoptech6288 Жыл бұрын
Glad it was helpful! Welcome :)
@sravansunkara9145 Жыл бұрын
Thank You so much, you saved so much time for me 🙌❤
@unitedtoptech6288 Жыл бұрын
You're so welcome!
@haseebahmed6278 Жыл бұрын
Helpful video. Thanks!
@rorisangmakgaka124 Жыл бұрын
Nice video, thank you so much. It really helped me.
@pankajbhardwaj48935 ай бұрын
Helpful video. Thanks!
@unitedtoptech62885 ай бұрын
Glad it was helpful!
@user-ml6zz8fl4j7 ай бұрын
A very clean explanation about the content.
@unitedtoptech62887 ай бұрын
Glad you liked it !! cool
@MalemnganbaTakhellambam5 ай бұрын
very clear explanation sir. thank you so much for your help
@unitedtoptech62885 ай бұрын
You are most welcome
@pattubaby16542 ай бұрын
Super bro its awesome to explain clearly and neatly 😊 and easy to understand
@unitedtoptech62882 ай бұрын
Thank you so much 😀
@davyondo6395 Жыл бұрын
this is what i was looking for!
@robertl.andersonii59266 ай бұрын
You are a lifesaver! Thank you!
@unitedtoptech62886 ай бұрын
Glad to hear that! welcome
@kirtisingh8947 Жыл бұрын
If someone is getting an error while entering npx create-react-app my-app So please first write nmp uninstall -g create-react-app nmp install -g create-react-app Enter
@unitedtoptech6288 Жыл бұрын
Cool
@Meoww213759 ай бұрын
Nahi ho raha help ar do yaar discord ha kya?
@unitedtoptech62888 ай бұрын
for?
@arham5344Ай бұрын
thanks dude
@anand_y_7727 күн бұрын
thanks dude ❤🩹❤🩹
@user-df9ow4hq5xАй бұрын
Thanks a lot.This video is perfect.
@unitedtoptech6288Ай бұрын
You are welcome!
@warriorsofchhatrapati70986 ай бұрын
Thanks you so much sir! such a wonderful tutorial. ☺☺
@unitedtoptech62886 ай бұрын
Thank you too Sir! All the best
@sanjays1926 Жыл бұрын
Very Helpfull Thank You All the best .
@s0e9p733 ай бұрын
You should be addressing the error after the first npx create command. It took me a hell lot of time to fix that.
@unitedtoptech62883 ай бұрын
What was the error? I did not get any
@userhope182 ай бұрын
how did you fix it?
@unitedtoptech62882 ай бұрын
Can you paste the whole error here?
@KOTATHARUNKOTATHARUN17 күн бұрын
@@unitedtoptech6288 npm error code ENOENT npm error syscall lstat npm error path C:\Users\Tharu\AppData\Roaming pm npm error errno -4058 npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\Tharu\AppData\Roaming pm' npm error enoent This is related to npm not being able to find a file. npm error enoent
@unitedtoptech628817 күн бұрын
go to this path C:\Users\Tharu\AppData\Roaming\ and create an empty folder named npm
@ImmyYousafzai9 ай бұрын
thnaks, spot on step by step guide. (a little hard to understand the accent but does the job. ) jay ho
@unitedtoptech62889 ай бұрын
You're welcome!
@P_r_o_p_l_a_y4 ай бұрын
Those who are getting error while npx command like module not found Copy path upto roaming and search in file manager and created new folder named npm it works fine
@unitedtoptech62884 ай бұрын
yes
@aszrvl23 күн бұрын
how to do this?
@unitedtoptech628823 күн бұрын
go inside roaming folder, create a new folder and name it npm, you will have the full path of this folder in your error message
@abhinabasen4486 Жыл бұрын
npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\senab\AppData\Roaming pm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\senab\AppData\Roaming pm' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\senab\AppData\Local pm-cache\_logs\2023-06-25T15_13_31_764Z-debug-0.log im having this error while having the create-react app command ? how can this be fixed?
@unitedtoptech6288 Жыл бұрын
When are you geting this error ? when creating react app or trying to run it ?
@mukesh6205 Жыл бұрын
I solved this using the following command. npm uninstall -g create-react-app then npm install -g create-react-app
@RajatPatodi Жыл бұрын
@@mukesh6205 worked for me too. thanks brother
@mukesh6205 Жыл бұрын
@@RajatPatodi welcome 🤗 bro
@tanishabiswas6268 Жыл бұрын
@@mukesh6205Thank you so much❤ you saved me
@ragulvasanthsm885 Жыл бұрын
Really a Nice Video i done it everything you do sir...👍
@unitedtoptech6288 Жыл бұрын
Thats great to know man
@e_lizathefirst11 ай бұрын
Great video. Very easy to follow the steps. 👌👌
@unitedtoptech628811 ай бұрын
Glad it was helpful!
@valiokvaliokvaliok11 ай бұрын
Very good job! Loved the tutorial
@unitedtoptech628811 ай бұрын
Thank you so much!
@user-dr4tz2hq1c3 ай бұрын
Thank you for the video. Very helpful
@unitedtoptech62883 ай бұрын
Glad it was helpful! 👍
@ramyam1212 Жыл бұрын
very helpful video. thanks and well done
@user-ym6xj5ie2l6 ай бұрын
such a wonderful and easy explaination
@unitedtoptech62886 ай бұрын
Glad you liked it!!
@sinegaelumalai55627 ай бұрын
Thank you ..
@unitedtoptech62887 ай бұрын
You're welcome
@LegendUnleashed5 ай бұрын
Great tutorial, thank you!
@unitedtoptech62885 ай бұрын
You're very welcome!
@Kreytonchild4 ай бұрын
thank you so much! I was having an issue to install react when adding it to the terminal. The issue that it needed to be updated as well because it's the first time in awhile that I haven't updated/used it.
@unitedtoptech62884 ай бұрын
You're welcome! 😊
@unitedtoptech62884 ай бұрын
Were you getting any error message because of this?
@Kreytonchild4 ай бұрын
@@unitedtoptech6288 yeah, at first, it seemed that I did a command prompt check to see what version I had. When I went this option, I was able to update it automatically. I'm very new to REACT on VS code and now it gives me an error of logging into the project I'm working on my first react project. I mean by doing the "NPM start" and it's giving me errors to go back into the project. It mentioned about the NPM doesn't seem to have a directory when I try to start it. I've only done Flask/Python with Virtual Environment to go live on the local host and exiting it, but not on REACT.
@unitedtoptech62884 ай бұрын
Yeah maybe you are not inside the right folder, try giving cd command and going to the react project subfolder
@marcellinusnnamudi9030 Жыл бұрын
Very nice video.... Thank you very much...
@kajalmehta87322 ай бұрын
Thankyou so much. It's really helpfull.
@unitedtoptech62882 ай бұрын
Most welcome!
@khushisahu97623 ай бұрын
Helped a lot....Thank you so much
@unitedtoptech62883 ай бұрын
Glad it helped!
@IhsanAbbasi-d1i23 күн бұрын
so so so so helpful...thanks alot
@unitedtoptech628823 күн бұрын
You're very welcome!
@gurram.lakshmitulasiАй бұрын
Hello sir...what should I do if I get an error saying "npx is not recognized",I followed all your steps but still getting this error and I don't know why...please help me out...😔
@unitedtoptech6288Ай бұрын
npm i -g npx, tun this please
@Willard252 ай бұрын
Thank you sir, highly recommend to beginners
@unitedtoptech62882 ай бұрын
So nice of you
@Willard252 ай бұрын
@@unitedtoptech6288 because ur videos are so useful 😁
@unitedtoptech62882 ай бұрын
Thanks man
@JavaCodingwithRaju-kv7xc Жыл бұрын
thanks, sir for the step-by-step guidance
@unitedtoptech6288 Жыл бұрын
Happy to help!!
@sateIIitepilotАй бұрын
This was super helpful!
@unitedtoptech6288Ай бұрын
Glad it was helpful!
@user-fe5yq5os6f8 ай бұрын
Very Useful TY !
@unitedtoptech62888 ай бұрын
welcome
@tayyabailyas12578 ай бұрын
bro you are a life saver, thank you
@unitedtoptech62888 ай бұрын
Happy to help
@awkwardavacadoo3 ай бұрын
omygod thankyou so much 😭🙏🏼🙏🏼🙏🏼🙏🏼💗💗💗💗
@unitedtoptech62883 ай бұрын
Welcome!! Thats a lot of emojis
@bhavanatallapaka3166Ай бұрын
npx : The term 'npx' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + npx create-react-app my-reactapp + ~~~ + CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException I am getting this error.
@27mohammedibrahim43Ай бұрын
install latest version of node js and try again
@bhavanatallapaka3166Ай бұрын
@@27mohammedibrahim43 I have restarted my pc, And it's working..
@unitedtoptech6288Ай бұрын
Great bro
@freelearning35 Жыл бұрын
Great video!
@risavkumarjha689911 ай бұрын
Thanks for Sharing:)
@unitedtoptech628811 ай бұрын
My pleasure 😊
@user-qf5wx1oc2y5 ай бұрын
I really appreciate this video helps me a lot
@unitedtoptech62885 ай бұрын
Glad to know that
@oussamatouhami5027 Жыл бұрын
Thank you so much ! ^^
@unitedtoptech6288 Жыл бұрын
Welcome!
@MamuBhanjiVlogers3 ай бұрын
Thanks a lot it's very help ❤❤
@unitedtoptech62883 ай бұрын
You're welcome 😊
@vuongnguyenngoc4374Ай бұрын
great tutorial, thks
@unitedtoptech6288Ай бұрын
Glad it was helpful!
@just_eri7 Жыл бұрын
thanks for the tutorial!
@unitedtoptech6288 Жыл бұрын
Happy to help!
@user-sx5nz8eq7j3 ай бұрын
thank you very helpful
@unitedtoptech62883 ай бұрын
You're welcome!😊
@NovemberXXI Жыл бұрын
Everytime I try creating a react app I keep getting an error about 233 packages need funding, run “npm fund” etc, how can I fix this?
@unitedtoptech6288 Жыл бұрын
No idea bro, try searching in stackoverflow they seem to have some solutions
@josephquintiliano2904 Жыл бұрын
Asking for bread since it’s a free open source
@ambarishambarish3554 Жыл бұрын
Same problem bro how to solve this problem pls any help me solve this
@NovemberXXI Жыл бұрын
@@ambarishambarish3554 I don’t quite remember, I just kept trying and fixing with the directions provided on the terminal, if you read the error correctly there is where you are told to fix the issue
it still says error: npx : The term 'npx' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + npx create-react-app first-project + ~~~ + CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
@unitedtoptech62882 ай бұрын
You need to add the path appdata/roaming/npm in environment variable and rerun
@giorgichikovani60122 ай бұрын
npx create-react-app command is deprecated and no longer being maintained, mostly common used technologies now are next or vite
@unitedtoptech62882 ай бұрын
for practice this is fine
@oozaidoo3802 ай бұрын
Thanks a lot! 2 quick questions 1/can i delete the App.css, App.js, App.test.js, index.css, logo.svg, reportWebVitals.js, and setupTests.js from the src folder? 2/when i enter "npm start" and then close it and enter it again it will says the port 3000 already taken so what sould i do? thanks again ♡
@unitedtoptech62882 ай бұрын
If you delete App.js it wont work , so try modifying the content there, for port number try changing to any other number
@pedrohenriqueleite2146 Жыл бұрын
I like the video
@imperkz96 Жыл бұрын
wonderful
@unitedtoptech6288 Жыл бұрын
Thank you! Cheers!
@educationrevolution9561Ай бұрын
npx create-react-app when i'm pasted this in new terminal its created alots of error. tell me what can i do
@unitedtoptech6288Ай бұрын
I have replied
@agx11111 ай бұрын
best , helped a lot trying to this for 3 hours 😭😭😭
@unitedtoptech628811 ай бұрын
Glad it worked!! Welcome
@MdSalman-no1zc Жыл бұрын
I spend approx 2.3 hours but only yours video will help me thanks a lot ❤
@unitedtoptech6288 Жыл бұрын
You're welcome 😊
@DevadriptaJadhavАй бұрын
Thanks!
@unitedtoptech6288Ай бұрын
No problem!
@user-nk6ib1rz9v11 ай бұрын
very usefull
@unitedtoptech628811 ай бұрын
Thanks
@Diana-ul1lc Жыл бұрын
Thank you!
@unitedtoptech6288 Жыл бұрын
Glad to help!!
@amberbiswal9223 Жыл бұрын
Thank you 👍
@Vedika_porwalАй бұрын
Create nhi ho raha hai ' cannot find module "block stream" ' error aa rahi hai How can i fix it😢
@unitedtoptech6288Ай бұрын
After running what command are you getting this error?
@__commentry_8122 ай бұрын
When click windows installer chrome shows a privacy error What i do🤔
@unitedtoptech62882 ай бұрын
installer? after what step do you get this error?
@narendrakajla77 Жыл бұрын
great video, simple and so straightforward, it helped me and now I am able to use react apps, thanks a lot for your efforts
@unitedtoptech6288 Жыл бұрын
Glad it helped! Welcome bro
@GameforPeace31 Жыл бұрын
cd. : The term 'cd.' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + cd. First-project + ~~~ + CategoryInfo : ObjectNotFound: (cd.:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException there is issue with me
@unitedtoptech6288 Жыл бұрын
only cd, u have cd. I guess
@81_monish_roy746 ай бұрын
thanks u r a gem..
@unitedtoptech62886 ай бұрын
You're welcome! U are tooo man
@derdart_ Жыл бұрын
thanks so much
@unitedtoptech62885 ай бұрын
WELCOME
@vinakathakur70214 ай бұрын
Thankyou 🎉
@unitedtoptech62884 ай бұрын
You’re welcome 😊
@user-ej8sr1ld7r2 ай бұрын
when we go with the command npm start in the terminal... you got option to choose which browser u wanna use but for me it directly opened in the internet browser. How to change that. I also want to open the react app project on chrome but i didnt get the option
@unitedtoptech62882 ай бұрын
Just change your default browser in windows settings to chrome
@janhavibhutkar1824Ай бұрын
Thank you 🎉🎉
@unitedtoptech6288Ай бұрын
You’re welcome 😊
@rutujabandal4862Ай бұрын
Finally got solution😢
@unitedtoptech6288Ай бұрын
great
@ashoksaipudi6999 Жыл бұрын
Bro can you please fix my error npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Ashok sai\AppData\Local pm-cache\_logs\2023-06-30T16_26_53_501Z-debug-0.log PS C:\Users\Ashok sai\Desktop\React> npm start npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\Users\Ashok sai\Desktop\React/package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\Ashok sai\Desktop\React\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Ashok sai\AppData\Local pm-cache\_logs\2023-06-30T16_27_33_472Z-debug-0.log
@unitedtoptech6288 Жыл бұрын
Did u use the cd command before using npm start?
@lellanari8512 Жыл бұрын
Bro I am also coming like that what can I do
@unitedtoptech62887 ай бұрын
did you try cd with ur project name bro?
@omkr195 ай бұрын
Need to install the following packages: Create-react-app@5.0.1 Ok to proced? (y) How to bug the error??
@unitedtoptech62885 ай бұрын
click on the y key
@SOSSVT Жыл бұрын
i installed all the extension like live server or javascript code snippets and node js before ( ihave made html project without react previously ) before downloading extensions of react in a C folder , will it cause problems if installe react library in D folder ?
@unitedtoptech6288 Жыл бұрын
No extensions are global and will work irrespective of where you open your project folder
@ChandniSharma-pr4kk Жыл бұрын
Thank u so much ❤
@unitedtoptech6288 Жыл бұрын
You're welcome 😊
@ancitadfernandes82432 ай бұрын
How to fix the error when we get while creating npx first step?
@unitedtoptech62882 ай бұрын
during what step do you get this error?
@keerthanarajamani-bv2mg7 ай бұрын
Error: Cannot find module 'C:\Users\clear-npx-cache\bin\clear-npx-cache.js' Can you give this a solution
@unitedtoptech62887 ай бұрын
can you please paste the whole error message ?
@pavithravavilapalli2756 ай бұрын
I'm getting an error at 7:45 sec after running command npx create-react-app first-project. Kindly help me out