How to Install React on Windows - Getting Started

Поділитися
Вставка
  • Опубліковано 5 лют 2025
  • React is a JavaScript library for building user interfaces. In this video tutorial, I will show you how to install and run your first reactjs application on Windows OS.
    Click to Subscribe: bit.ly/Subscrib... & turn on notifications to find out when I upload new videos.
    Website: honglytech.com
    Download:
    1. Visual Studio Code
    code.visualstu...
    2. Node.js
    nodejs.org/en/
    #react #reactjs #tutorial

КОМЕНТАРІ •

  • @honglytech
    @honglytech  5 років тому +31

    If you are unable to install, it can be due to your computer’s name does contain a space. If so,
    you can change "npm-cache" folder (hidden) to another path,
    using command :
    "npm config set cache C:\tmp
    odejs
    pm-cache --global"
    Source: github.com/zkat/npx/issues/146

  • @priyamishra3685
    @priyamishra3685 4 роки тому +7

    best tutorial ever . was looking for this from an hour

  • @BlenderInGame
    @BlenderInGame 2 роки тому +32

    If you made your react folder in you c drive in the same directory where your Program Files are located, type "cd
    eact" without the quotes in the command prompt.

  • @beastmasterbg
    @beastmasterbg 2 роки тому

    FUCKING THANK YOU DUDE!!
    All the top notch tutorials skipping to the console and starting installing without giving any navigation how to choose the folder. This is a better tutorial than the so called pro's

  • @speduptunes4398
    @speduptunes4398 Рік тому

    thank you so much, you saved my life, after couple of hours trying to solve the error while using npx commande instead of npm i found your video and it worked

  • @neerajsahni2974
    @neerajsahni2974 3 роки тому +3

    thanks for your tutuorial i am able work on my project.....

  • @emdadulhoqueemon2934
    @emdadulhoqueemon2934 2 роки тому +1

    Thank you brother
    Take a lots of love
    You win my heart

  • @govind_2510
    @govind_2510 3 роки тому +2

    thank you for step by step approach, really helpfull..

  • @suyashrahatekar4964
    @suyashrahatekar4964 3 роки тому +1

    Thanks a lot man. The npx command wasn't working for some reason but the command you used worked fine .

  • @pawnage3
    @pawnage3 2 роки тому

    Thank you! The issue for me was not running as an administrator.

  • @shivesintop7211
    @shivesintop7211 2 роки тому +1

    Thank you so much ... For this video .. that what i was searching for ... 😊

  • @vigneshreddym6119
    @vigneshreddym6119 3 роки тому +1

    Thank you very much, @Hong Ly. Finally, Super Worked out for me for my Lenovo Ideapad 320 model!

    • @honglytech
      @honglytech  3 роки тому

      I'm happy it works for you

  • @roseshiljo9454
    @roseshiljo9454 3 роки тому +8

    Thanks brother , I was stuck up with installation but you explained well and it worked for me. Thank you so much

    • @honglytech
      @honglytech  3 роки тому +1

      You're welcome. I recommend you watch more React tutorials on my channel.

    • @Winny-fred
      @Winny-fred 3 роки тому +1

      Please, why did you add the D: it's still not working for me

    • @takamei2901
      @takamei2901 2 роки тому

      how did it work for you

  • @umagond9921
    @umagond9921 4 роки тому +1

    Thank you so much ,I was stuck while installing using npx command. You saved me ! :)

  • @age7753
    @age7753 3 роки тому +1

    Yo Man Thank You I been trying to install but because of you I did it easily

  • @caretaker70
    @caretaker70 5 років тому +5

    Great Video easy and short.

  • @baffoeaduemmanuel1329
    @baffoeaduemmanuel1329 2 роки тому

    You are genius ...💪💪💪

  • @ankurc
    @ankurc 3 роки тому

    wow first time doing it feeling so good

  • @animeshkaushik6938
    @animeshkaushik6938 4 роки тому +3

    Sir it's good to see your replies even after 1 year. Am facing an issue on my win 7 laptop. Whenever I run the npm setup on command prompt it only download upto 0 vulnerabilities. Could you be kind enough to guide me sir?

  • @jafmotorwheels9250
    @jafmotorwheels9250 3 роки тому

    Brilliant stuff man love it

    • @honglytech
      @honglytech  3 роки тому

      Thanks man

    • @jafmotorwheels9250
      @jafmotorwheels9250 3 роки тому

      Upload videos on some machine learning projects

    • @honglytech
      @honglytech  3 роки тому +1

      @@jafmotorwheels9250 I’m planning to do that in the future

  • @avishkapeiris1465
    @avishkapeiris1465 3 роки тому

    This was really helpful

  • @aryarizkysandi9736
    @aryarizkysandi9736 4 роки тому +1

    thank you very much for this tutorial bro!

  • @ahmedbernous7216
    @ahmedbernous7216 2 роки тому

    thaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanks best tutorial u helped me

  • @martinking4615
    @martinking4615 2 роки тому

    Thanks a million ....very helpful

  • @tridoan8140
    @tridoan8140 4 роки тому

    You’re the best, king

  • @amannyy2063
    @amannyy2063 3 роки тому

    you are cool really simple way tnx dude

  • @sowmya194
    @sowmya194 4 роки тому +1

    This video very helpful to me its working

  • @vrushalipatil2234
    @vrushalipatil2234 3 роки тому

    best tutorial ever . thank you :)

  • @vijay9150
    @vijay9150 4 роки тому

    thank u it was very helpful for me

  • @priyankapatel9267
    @priyankapatel9267 3 роки тому +1

    Hello I followed your instruction to download but I am stuck at cmd prompt part unable to do it. What should I do ? In my PC I don't have local disk D, so I created the react folder in local disk C. but in cmd prompt I am unable to do it please guide me .

  • @_sanjivR
    @_sanjivR 2 роки тому

    Everything to become a Frontend developer 😂😂 really help brother

  • @Srman1999
    @Srman1999 2 роки тому +1

    Brilliant

  • @millicenttafadzwamugwenhi9852
    @millicenttafadzwamugwenhi9852 3 роки тому

    please help
    its saying it is not recognized as an internal or external command,
    operable program or batch file.

  • @sathviksrikanth7362
    @sathviksrikanth7362 2 роки тому

    thanks a lot man!

  • @rupalirokade4998
    @rupalirokade4998 11 місяців тому

    Thank you sir🎉

  • @ebrahimtufa-hp3vg
    @ebrahimtufa-hp3vg 3 місяці тому

    Thank you it's working

  • @rozaimizamahri9604
    @rozaimizamahri9604 4 роки тому +5

    If you are having a problem to run 'npm start' . Error might be 'template not provided'
    try to uninstall react globally and create new react app
    1. npm uninstall -g create-react-app
    2. npx create-react-app reactjs
    Happy coding.

  • @Yash-ry5wj
    @Yash-ry5wj 2 роки тому

    Thank you bro ♥️

  • @issamelhoss3067
    @issamelhoss3067 3 роки тому

    I have to do this everytime i want to start a new project?

  • @warzywkogame
    @warzywkogame 3 роки тому

    Thank you! It was really helpfull

  • @vinaykumarbandarapalli216
    @vinaykumarbandarapalli216 3 роки тому

    not working in my machine video at 3:10

  • @ahmed_nawshad5222
    @ahmed_nawshad5222 4 роки тому +1

    Thanks it worked.

  • @nickarias7955
    @nickarias7955 3 роки тому

    Can i still do this a normal command prompt? (not administrator)

  • @nazmussakibsami9389
    @nazmussakibsami9389 2 роки тому

    Great work

  • @shripathishankar5963
    @shripathishankar5963 4 роки тому

    How to open an existing project on react is tht the same way you opened the react file ? Help I'm noob

  • @suptochanda6090
    @suptochanda6090 4 роки тому

    Thank You.Great Idea.My Problem was Solved.Thanks again

  • @dragonballfan9997
    @dragonballfan9997 3 роки тому

    Thank You Mate :)

  • @localbuy8287
    @localbuy8287 3 роки тому

    Good one worked perfect

  • @usagi9770
    @usagi9770 2 роки тому

    Am I doing something wrong? When I try to download the react app all I get is node modules and a package.json and package-lock.json

  • @asgaraliyev8740
    @asgaraliyev8740 4 роки тому +3

    the installation took so long time.Is that normal ?.will that be like this every time when i create react app?

  • @apache.3344
    @apache.3344 3 роки тому

    thank you so much 😊
    now i know i just have to run cmd in admin to avoid npm err! missing script: start 😅

  • @collinsgodiah7293
    @collinsgodiah7293 Рік тому +1

    Upon typing npm start im getti g errors. Anyone got an idea?

    • @eve1881
      @eve1881 Рік тому

      same here 💔

    • @collinsgodiah7293
      @collinsgodiah7293 Рік тому

      @@eve1881 its annoying ey?

    • @eve1881
      @eve1881 Рік тому

      @@collinsgodiah7293 i did not solve it yet , did u?

    • @eve1881
      @eve1881 Рік тому

      ​@@collinsgodiah7293would u like to make a contact with each other on social media ?

  • @aneeshgonu2002
    @aneeshgonu2002 Рік тому

    Thanks, it helped a lot.

  • @vidam157
    @vidam157 3 роки тому

    yah It worked Thanks!!!❤️

  • @raahimabbas1757
    @raahimabbas1757 3 роки тому +1

    hey how long does it take for this app to load cause mine is taking a really long time although my laptop is a beast

    • @honglytech
      @honglytech  3 роки тому

      Well I would say around 1-2 minutes

    • @ikkyiklum4263
      @ikkyiklum4263 Рік тому

      ​@@honglytechit's taking more than 2hours

  • @omashishmishra7826
    @omashishmishra7826 4 роки тому

    Thanks a lot it worked perfectly!!

  • @kshitij__kumar
    @kshitij__kumar 4 роки тому +1

    Hey thanks! It worked. 👍👊

  • @snafu4714
    @snafu4714 4 роки тому

    why did we also install node.js? what is that for?

  • @f0sibu383
    @f0sibu383 4 роки тому +6

    This is the 6th or 7th tutorial that I've looked at and it just never works for me. I get the two json files and node modules but thats it.

  • @mohammedruhanaslamshaikh7088
    @mohammedruhanaslamshaikh7088 2 роки тому

    Thanks man

  • @Magma-uw7yo
    @Magma-uw7yo 4 роки тому

    I've got an error :
    Error: EEXIST: file already exists, mkdir 'C:\Users\*********'
    command not found: react-app

  • @mugara_steven
    @mugara_steven 3 роки тому

    thx, it's helping

  • @yes48203
    @yes48203 4 роки тому

    Thank you so much sir.... Working fine...

  • @amulyasuryateja9701
    @amulyasuryateja9701 Рік тому

    thank you soooo muchh!

  • @matildam2073
    @matildam2073 4 роки тому

    can i store react file in drive c instead, i do not have drive d in my windows

  • @konkan-swarg
    @konkan-swarg 4 роки тому +1

    Thank you so much

  • @vinaykumarbandarapalli216
    @vinaykumarbandarapalli216 3 роки тому

    PS C:\REACT> npx create-react-app hello
    'create-react-app' is not recognized as an internal or external command,
    operable program or batch file.

  • @tekleab1184
    @tekleab1184 3 роки тому

    its not working for me npm err and rollbackFailedEXceptional

  • @Winny-fred
    @Winny-fred 3 роки тому

    Why did you add D: it's not working for me
    Please explain

    • @honglytech
      @honglytech  3 роки тому

      That’s drive D. Your computer may not have it

  • @rithvikbhat6860
    @rithvikbhat6860 4 роки тому

    Thank you so much👍🏻

  • @narayanthapa5815
    @narayanthapa5815 4 роки тому +1

    Thanks a lot 😊

  • @vaibhavmishra2161
    @vaibhavmishra2161 3 роки тому

    Sir npx create-react-app is not working properly only package.json and lock file is installed but not another folders and files pls help me I stucked at this issue and unable to solve and so not able to learn React pls Help me Sir 🙏🙏

    • @honglytech
      @honglytech  3 роки тому

      What did the error show?

    • @vaibhavmishra2161
      @vaibhavmishra2161 3 роки тому

      @@honglytech only node_modules, package.json and lock files were created but not others due to which I was unable to run react app but now problem solved

    • @vaibhavmishra2161
      @vaibhavmishra2161 3 роки тому

      @@honglytech Way to Solve that Problem-
      1. Uninstall Node Js
      2. Install Node Js 32 bit whether your machine is 32 or 64 bit
      3. npm rm -g create-react-app
      4. npm install -g create-react-app
      5. npx create-react-app app_name

    • @honglytech
      @honglytech  3 роки тому +1

      @@vaibhavmishra2161 Thanks for sharing how you solved the issue.

  • @vinaykumarbandarapalli216
    @vinaykumarbandarapalli216 3 роки тому

    why npm init react-apps reactjs command?

  • @trippytrappy4282
    @trippytrappy4282 4 роки тому

    I am getting this error bro: Install for [ 'create-reactjs@latest' ] failed with code 1

  • @pawanarasu8089
    @pawanarasu8089 4 роки тому

    Thank you 😊😊

  • @sriramadithya4799
    @sriramadithya4799 3 роки тому

    Clean and beautiful

  • @vinaykumarbandarapalli216
    @vinaykumarbandarapalli216 3 роки тому

    npx create-react-app my-app is not working

  • @davithakobyan4792
    @davithakobyan4792 4 роки тому

    Thank you for video

  • @lifeisnotvibestv5124
    @lifeisnotvibestv5124 4 роки тому

    so eerytime i create a new react project i have to do "npm init react-app projectname"?

  • @weissestangel4172
    @weissestangel4172 3 роки тому

    When I tried to put the D drive but it said the system cannot find the drive specified

    • @honglytech
      @honglytech  3 роки тому +1

      Do you have drive D in your machine? Most computers only have drive C by default

    • @Winny-fred
      @Winny-fred 3 роки тому

      So what's the solution?

  • @MohammedMohammed-rr8jh
    @MohammedMohammed-rr8jh Рік тому +1

    ahh does every framework has its own github repo?

  • @albarsalan4173
    @albarsalan4173 2 роки тому

    thanks dude

  • @mohancena8970
    @mohancena8970 4 роки тому

    Is internet require while installing packages via cmd ??

    • @honglytech
      @honglytech  4 роки тому

      Mohan Cena yes, it is required for the installation.

  • @bandarab7a624
    @bandarab7a624 2 роки тому

    Thankyou ♥

  • @miadasaad6921
    @miadasaad6921 3 роки тому

    thank you very much

  • @one_quy
    @one_quy 3 роки тому

    Thanks you!

  • @mianawaishassan7298
    @mianawaishassan7298 3 роки тому

    Thank you So much .....

  • @navjotkaur5100
    @navjotkaur5100 4 роки тому +1

    Thank you

  • @perumallayaswanth83
    @perumallayaswanth83 4 роки тому

    I got some error like c:\perum\appdata
    oaming
    ppm-cache\_logs\2020-04-06T17_23_10_585Z-debug.log

  • @chetandhadd321
    @chetandhadd321 3 роки тому

    im getting problem in npm start it show error

  • @swapnil8773
    @swapnil8773 4 роки тому

    Thank You.

  • @anisahnuroktaviany9318
    @anisahnuroktaviany9318 Рік тому

    thanks!

  • @frederickirchhoff2413
    @frederickirchhoff2413 4 роки тому

    Doesn't generate the src file here...

  • @symbolminded1612
    @symbolminded1612 8 місяців тому

    Usefull

  • @hareeshverma057
    @hareeshverma057 4 роки тому

    GETTING BELOW ERROR WHILE INSTALLING.
    EISDIR: illegal operation on a directory, read

  • @jaypeemendoza4811
    @jaypeemendoza4811 4 роки тому

    Cool, whats the next video

  • @steakdriven
    @steakdriven 3 роки тому

    why no narrarion?

  • @kumarrohit1801
    @kumarrohit1801 4 роки тому

    thanks again

  • @sometrioeng2602
    @sometrioeng2602 Рік тому

    thanks

  • @sarahafreenmalik2679
    @sarahafreenmalik2679 4 роки тому

    Thank you it still didn't work :( will try again but great tutorial!