React JS Setup, Installation and First React Project Creation

Поділитися
Вставка
  • Опубліковано 10 лют 2025
  • In this video we will discuss
    1. React Installation and Setup
    2. NodeJs and NPM Installation
    3. Create-React-App tool Installation
    4. Creating First React Project
    5. Visual Studio Code Installation
    6. Creating New React Project using CodePen Online Editor
    Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.
    / @aarvikitchen5572
    Text version of the video
    www.pragimtech...
    React Playlist
    • React JS tutorial for ...
    Slides
    csharp-video-t...
    For online or classroom training please contact us
    Mobile: +91 99001 13931/+91 9739455857
    Email: pragim@pragimtech.com or srikanth@pragimtech.com
    Please join me to gift education to those who cannot afford.
    / kudvenkat

КОМЕНТАРІ • 115

  • @georgesword2012
    @georgesword2012 3 роки тому +11

    I have tried several times following other tutorials to create react app and it always ended up with some errors.
    This is the best tutorial for begginers, very clear, very simple without any additional headaches, thanks a lot!

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

    working 100%
    1. first search for microsoft edge in search
    2.see the account that login in the microsoft edge
    3.enable the sync on
    4.see that microsoft edge and google chrome should be using same mail login
    5.now enable the sync on
    6.now go to command prompt and create-react-app [name]

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

    Sir , Really you are a good explainer , I watched several videos related to creating React app. No one explains the correct order of flow, But you reveled all the requirements very clearly ,Thankyou .

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

    This was so helpful! Thank you for making this Self-taught developer journey far easier!
    Subbed!

  • @D0W3R15
    @D0W3R15 4 роки тому +12

    man's here recording video for us at 5am

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

    Thanks for doing this react video. Looking forward to more series to come.

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

    I just forgot how to create react app in node
    U made my day

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

    Thank very very very much for uploading react js tutorials thank you kudvenkat sir

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

    Thanks mate ! Your video is so far the best

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

    The tutorial is much better than what our tutor gave in his explanations. Thank you very much for that. Many greetings from Germany

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

      i know it is kinda off topic but do anyone know a good place to stream new movies online ?

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

      @@noahjagger1112 fmovies, europix

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

    2:00 - KMSpico
    I like this guy already

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

    This channel is a go to point to learn any technology in detail. Thank you.

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

    Thanks for improving sound quality .. awaiting for more videos on react.

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

      We will try to upload more asap with best quality and thank you so much

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

      He has been uploaded or not bro

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

    Good one!

  • @Fast-e-Learning
    @Fast-e-Learning 3 роки тому

    Thank you so very much ! This helped me to finally how to create my own projects:)

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

    Waiting for next video

  • @DanielSousa-dx3rn
    @DanielSousa-dx3rn 3 роки тому

    you're a life saver, dude. thanks a lot.

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

    Thanks for this tutorial! Perfect for beginners. 😊

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

    Thanks. this was helpful ! 👍

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

    Lajawab bhai... Saved the day!

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

    Thank you this was really useful.

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

    Thank you so much for your video, very nice explanation sir

  • @AmanKumar-mb5xm
    @AmanKumar-mb5xm 3 роки тому

    Thank u very much for such rare information that you provide through so much informative videos ❤️🎉👏🎉 keep the good work ❤️👍

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

    Good and easy 👍

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

    Hi venkat, any plans of recording azure or Amazon cloud series.

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

    love you bro great explanation. helps a lot

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

    Thanks for your video , It's help for me more.

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

    Thank you for your video,

  • @JorgeGonzalez-cs2io
    @JorgeGonzalez-cs2io 3 роки тому

    you are the best, I'm starting with react and i will be following your tutorial
    thank you very much

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

    Bro, You are awesome!

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

    Nice..

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

    Nice explanation

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

    awesome bro thank u sooooooooooooooooooooooooooooo much

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

    thank you very very much sir it showed me error while installing this react after seeing your video I rectified it sir

  • @jashneaaftabi
    @jashneaaftabi 5 років тому

    We were eagerly waiting

  • @HadiM-rb7yo
    @HadiM-rb7yo 3 роки тому

    very useful thanks alot

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

    Thank you!!! You saved my day!!!!

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

    we love your accent !

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

    Installing packages. This might take a couple of minutes.
    Installing react, react-dom, and react-scripts with cra-template... I am facing this problem while doing npx
    create -react-app

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

    This tutorial shows us how to start a new project, but how can I open and existing React project (not started in this way) and work on it?

  • @50mmBarret
    @50mmBarret 4 роки тому

    great video! thanks

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

    Thanks guru 🙏🙏🙏🙏

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

    Try to speak it in normal accent. sometimes I do not get the south indian english. Apart from that this Video was fantastic.

  • @SaifulIslam-mt3bn
    @SaifulIslam-mt3bn 2 роки тому

    Thanks brother

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

    Thank you!

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

    where were you all my life man..it's been a struggle😭😭😅

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

    Brilliant tutorial!

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

    thank you!!

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

    online editor is optional one right

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

    In adavance Node js versions "npx install -g create-react-app"

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

    Thank you Sir

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

    hey i get 27 vulnerabilities.... but iam about to build a web app just for a college assignment.... i wanna know will my web application work even with those vulnerabilities? ... coz i dont know how to fix it and no one in youtube clearly explains how to remove those... so i decided to ignore and start building... will it work??

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

    Thank you so much

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

    very useful

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

    How to create without using visual code, just from Visual studio? that would be great help.

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

    Thanks

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

    now we have React v-17, but I want to use older version 16 , how to install older version using npm commands

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

    Please start with java,spring,mvc and hibernets

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

    Can someone please help me out.
    this is the error i get after "npm install -g create-react-app"
    npm ERR! Cannot read property 'resolve' of undefined
    npm ERR! A complete log of this run can be found in:

  • @648santhu
    @648santhu 4 роки тому

    Hi Venkat, Can we install any version of node js.. because i set up node version 0.12.5 for my projects.. if i install new version my existing solution is not running

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

    Bro actually i faced an error like
    ('React script' is not recognised internal and external command operable program and batch file) please give me solution

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

    I used your process and also "npx create-react-app my-app" In both case in my command line it is stopping after saying found 0 vulnerabilities please help me

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

    I need help when i use create react app it is taking alot of time more than 10 min to create a project. How to make it faster

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

    merci

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

    Sir,im getting error while doing above process...it is showing:unexpected end of json input while parsing near ...please help me sir

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

      Same here have you got the solution if yes then please tell in comment

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

    i am getting error "Missing dependencies in package.json" when create new react app using. create-react-app my-app or npx create-react-app my-app.
    please help if any one know about this.

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

    Hi Venkat, Can you please start series on Vue.js..?

  • @mr.ajinkyasalvi
    @mr.ajinkyasalvi 4 роки тому

    ERROR in Entry module not found: Error: Can't resolve './src' in 'D:\React JavaScript\Workbench'
    ERROR in multi (webpack)-dev-server/client?localhost:8080 (webpack)/hot/dev-server.js ./src
    Module not found: Error: Can't resolve './src' in 'D:\React JavaScript\Workbench'
    @ multi (webpack)-dev-server/client?localhost:8080 (webpack)/hot/dev-server.js ./src main[2]
    i 「wdm」: Failed to compile.

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

    getting 8 severe vulnerabilities, how to fix this

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

    Hi, When navigating the created project it showing this (The system cannot find the path specified) plz help me with this.

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

      Try cd then the project name in the terminal

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

      @@kelvinace5478 my npx create-react-app got stuck what should I do

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

      @@himanshunagar1510 @himanshu nagar if you are using x64 version,uninstall it and install x32 version.
      Or
      Open a new cmd and run the remson command, a resource monitor will pop out then you will seàrch for cmd.exe(the amount of cmd.exe will be the amount of cmd you have opened)
      Then navigate until you see a suspended cmd.exe and click resume cmd.exe

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

    ty man

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

    whats the differencce between npx create react app and create react app

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

      using npx no need to install create-react-app in the laptop. just nodejs and npm is take over.

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

      @@ganapathilana7069 my npx create-react-app got stuck at found 0 volnerabilies any idea on how to resolve it

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

      @@ayeshatasleem659 is your problem solved

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

    Can we install nodejs in windows 7 ? Anybody installed ?

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

    Thanks!

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

    Sir I am not able to create app using the steps which you told need help can you tell us another way

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

      I am also not able to do this...is ur problem solved??

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

      uninstall nodejs from your system and again install it after that write
      npm intsall -g create-react-app
      npx create-react-app my-app
      npm start

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

      Is your problem solved

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

    Voice quality is very low. Frequently it sounds like whisper and cannot be heard. Please improve it.

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

    bro how will u connect the node js and visual studio. visual studio full installation is not shown properly i will get a lot of errors and doubts

  • @s.h.i.v.a.s._w.o.r.l.d
    @s.h.i.v.a.s._w.o.r.l.d 4 роки тому

    Error: Cannot find module 'chalk' how to resolve this error
    anybody plzzz help

  • @TanveerKhan-ru4pg
    @TanveerKhan-ru4pg 5 років тому +2

    Kindly improve voice quality

    • @PrathishtaC
      @PrathishtaC 5 років тому

      Thank you for the feedback tanveer and we will definitely address this

  • @Anastasia-tsi
    @Anastasia-tsi 4 роки тому

    4:00

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

    sound is not getting clear. improve your voice quality, please.

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

    npm ! error occurs what to do

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

    why not use : npm install -g react-native-cli

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

      and after npx create-react-app my-app

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

    npx create-react-app project_name --template all

  • @TanveerKhan-ru4pg
    @TanveerKhan-ru4pg 5 років тому

    Kindly speak loudly we can not listen properly

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

    Can someone help me out with something

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

      So i started react pretty recently, I was watching egghead's tutorial and they have their own script machine. Since i want to learn it on VSC and stuff I've had to install the packages, but I do not know which and how to. I then came across Venkat's Website and this video. It's all good, but I am still not understanding how he linked the .js files to the index. Could someone help me out here. If i want to create my own react app, how do i go about that

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

    Videos are not mobile friendly.

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

    hi i want to ask how to open already build project in local server in node as it is showing failed to server retry @kudvenkat sir

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

    Nice explanation