ReactJS Tutorial - 2 - NPM VS NPX - Tools Required - My First Project 🔥🔥

Поділитися
Вставка
  • Опубліковано 5 жов 2024
  • ReactJS Tutorial - 2 - NPM VS NPX - Tools Required - My First Project 🔥🔥
    1)React is an open source javascript library for building user interfaces.
    2)React is a project created and maintained by Facebook.
    React has more than a 100 thousand stars on GitHub and a huge community behind it.
    3)React has become increasingly popular among developers and is also one of the most sought out skill-sets by companies right now.
    4)React has a component based architecture. This lets you break down your application into small encapsulated parts which can then be composed to make more complex UI.
    5)React is declarative.
    6)React will make it painless for you to create complex UIs by abstracting away the difficult parts.
    7)React will handle efficiently updating and rendering just the right components in your application when your data changes.
    8)DOM updates which is one of the more expensive operations is handled gracefully in React.
    Family ❤
    Our Family - 125 ,000
    Like Aim - 2500
    Subscribers Aim- 200,000
    Subscribe to stay tuned to more fun and informative content, consider liking the video in order to vouch for quality 🤗!!
    Follow me on:
    Instagram: / sunejaajay
    Linkedin: / ajaysuneja
    ╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
    ║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
    ╠╗║╚╝║║╠╗║╚╣║║║║║═╣
    ╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
    Technical Suneja Shorts⭐
    ► www.youtube.co....
    ⭐ My Telegram Group Link:
    ► t.me/joinchat/...
    ⭐ What is CI/CD? 🤔
    ► ytube.io/3OqB
    ⭐ My Recent Project Experience | ReactJs, Gatsby framework (Front End Technologies ) 👩‍💻 🤔 Vlog27 ► ytube.io/3LsN
    ⭐ My Recent Interview Experience on Javascript
    ► ytube.io/3OqC
    ⭐ Vlog13:Support vs Development Jobs? Projects? What to choose | Coding होती भी है?🤔 | My Experience ► ytube.io/3Og8
    ⭐ Front End Interview Series (Modern JavaScript ES6 Tutorial by Technical Suneja )
    ► bit.ly/3CkjENa
    ⭐ Free Resouces
    1) Basic Javascript ► bityl.co/7XiW
    2) ES6 full course ►
    Video: ytube.io/3JDb
    Proper Documentation: bityl.co/7XnW
    3) Aao_Sikhe_Javascript (DS & Algorithms Course ) ► ytube.io/3JDZ
    3) Git and GitHub Training - Zero to Hero ►
    ytube.io/3JDa
    ytube.io/3OqD
    4) ReactJS Tutorial for Beginners to Advanced ►
    ytube.io/3JDc
    5) Angular Tutorial for Beginners ► ytube.io/3JDv
    5) Node.js and Express.js ► ytube.io/3JDd
    6) HTML & CSS Tutorial ► ytube.io/3JDt
    7) Final Project ► ytube.io/3JDe
    🔥 Instagram ► / sunejaajay
    ⭐ Want Webhosting service ?
    If you are planning to host your website in a very decent amount you can contact us on the given numbers.
    Contact Details :
    1. +91-9990131528
    2. +91-8529119425
    More Details (Visit our website ) ►hosting.techni...
    I believe that this vlog will help you to understand better in terms of career growth.
    Put your comments and share your experience with us if you like this vlog. Also if you have some suggestions then please suggest them in the comment box.
    ⭐ Support vs Development Jobs? Projects? What to choose
    ►ytube.io/3K5i
    ⭐ Off-Campus Job Placements Complete Roadmap ► ytube.io/3JpA
    ⭐ Latest IT Vlogs :
    ► ytube.io/3Ik9
    ⭐ Wednesday Episodes By Technical Suneja
    ► ytube.io/3FIN
    ⭐ Coding Stuff :
    ► / technicalsu. .
    ⭐ ReactJS Tutorial For Beginners. :
    ► ytube.io/3FIL
    ⭐ CTC v/s IN HAND SALARY | Huge Packages Explained🤔 GOOGLE, MICROSOFT, Facebook! 🔥
    ► ytube.io/3FIF
    ⭐ Top 5 Programming languages for 2021
    ► ytube.io/3FIH
    ⭐ Best Top 5 Frontend Frameworks of 2021 for Web Development
    ► ytube.io/3FII
    ⭐ 10 Generic steps to becoming Javascript Developer | Frontend & Backend Both🔥
    ► ytube.io/3FIJ
    ⭐ Best LinkedIn Tips for Job seekers in 2021 - Proper Utilisation of LinkedIn 🔥
    ► ytube.io/3FIK
    ⭐ My Thoughts on Web Development & Mobile App Development - Which is better?
    ► ytube.io/3FIS
    ⭐ Competitive Programming vs Software Development - Where Should I Invest My Time? 🔥
    ► ytube.io/3FIR
    ⭐ My Thoughts on Mean Stack Developer - Are you looking for a FullStack Developer?🔥
    ► ytube.io/3FIQ
    ⭐ My Thoughts on Full Stack Developer - Perfect Path 🔥🔥
    ► ytube.io/3FIP
    reactjs tutorial, reactjs tutorial for beginners, reactjs tutorial in hindi, reactjs projects, reactjs basics for beginners, reactjs tutorial in hindi technical suneja, reactjs technical suneja, react js by technical suneja, react js tutorial, react js code with harry, technical suneja web development, technical suneja react js, technical suneja react, react tutorial in hindi, react tutorial in hindi, react tutorial beginner to advanced, react tutorial hindi, npm vs npx hindi, npm vs npx in react, npm vs npx react
    #reactjs #webDevelopment #technicalSuneja

КОМЕНТАРІ • 105

  • @TechnicalSuneja
    @TechnicalSuneja  4 роки тому +18

    Give this video a thumbs up if you liked it. Give this video a thumbs down if you disliked it. Your feedback will improve the quality of upcoming tutorials.

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

      please Make 10 video on react per day

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

      Hi,
      I am still confused between npm and npx. Is it possible to explain with practical examples? Like which packages get installed in npm and how npx access those packages without them getting added to your local machine?

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

      background me music kyu h...sara dhyan music pe ja raha h

  • @gousmanyari7067
    @gousmanyari7067 4 роки тому +11

    hello World is liye likhte he kyu ke hum koi new programming sikhte he to us new programming duniya ko hello bolke shuru karte he.

  • @vivekchourasiya1875
    @vivekchourasiya1875 4 роки тому +4

    Lockdown end hone tk sikha do react mere bhai

  • @ppriya1297
    @ppriya1297 2 роки тому +4

    Hi, loving the ReactJs series so far. But I would like to make one request, please don't use any kind of background music. It's kind of distracting. Thank you!

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

    Thanks for starting ractjs tutorials series

  • @naumanhashmi2498
    @naumanhashmi2498 4 роки тому +2

    Outstanding sir, the way you teach.I am following you from Pakistan.

    • @SLYSHKitchen
      @SLYSHKitchen 4 місяці тому

      hello mera yeh node he install nhi horha can u please guide me

  • @sauravrajput9825
    @sauravrajput9825 5 місяців тому

    😍😍😍😍😍

  • @ABHAYKUMAR-rh4pn
    @ABHAYKUMAR-rh4pn 4 роки тому +2

    Sir ye Rocket science kya hai 😊😊

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

    Thank you sir
    I'm starting to watch this series....

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

    Thank u very much sir it is good for every ur suscriber

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

    Thank you sir for uploading this vedio

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

    bcz we said first time hello to world by react js

  • @KingKong-zq4mp
    @KingKong-zq4mp 4 роки тому

    Mast videos banate hai sunejaji. I hope by the end of this year, you reach 100k subscribers. Keep up the good work. Thank you!!!

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

    Hello World ... parampara hai programmers ki

  • @alokgautam7341
    @alokgautam7341 4 роки тому +2

    I was just waiting for 2nd part ❤❤

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

    Mujhe JS aati hai acche se, Kya mein yahi series dekh k react puri dikh sakta hai kya or bhi kuch karna hoga saath me??

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

    jha tak mughe knowledge hai Programming ki duniya jab first program bna usme hello world message print kraya gya tha , esliye hum sbhi programmer first program me hello world likhte h .

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

    ReactJS Tutorial - 2 - NPM VS NPX - Tools Required - My First Project 🔥🔥
    **Click here to installed Node : nodejs.org/en/
    **Click here to installed VS code : code.visualstudio.com/
    **Important Commands :
    1)Node Version Check : npm - v
    2)Npm & npx Version Check : npx/npm -v
    **Create react app using npx : npx create-react-app reactproject
    **Create react app using npm :
    1)npm install -g create-react-app
    2)create-react-app reactproject

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

    ReactJS Tutorial - 1 - Introduction 🔥🔥 : click here : ua-cam.com/video/KR5PI7yFrAI/v-deo.html

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

    i like ur vdo ever ... thanks

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

    Nice tutorial..Kuch aur bhi sikha do

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

    👍👍👍

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

    too good video sir

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

    thanks sir

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

    Thanks so much
    This video is helpful

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

    👍

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

    much appreciated..thanks

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

    Bro....thanks for uploading react video...

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

      It's my pleasure :-)

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

      @@TechnicalSuneja bro mai wait kar raha hu....apne frontend devlopment k job ki...aur apke videos follow karta hu...mai bhi MCA 2013 passout hu...but due to some reason.....i am not in my domain...last year se...complete IT ki prepration kar raha hu...khaskar Front end...apke videos bahut hi....effective hai...just hoping.. ki jald Job mil jaye.....My name is Vishu.....happy to follow your support....keep guide me...

  • @thoughtfuldixit
    @thoughtfuldixit 4 роки тому +2

    i m facing a problem when i create my react app using npx create-react-app ./ or npx create-react-app my-app. it will throw error "A complete log of this run can be found in : C:\Users\HP\AppData\Roaming
    pm-cache\_logs\2020-06-12T10_07_48_871Z-debug.log
    install for ['create-react-app@latest'] failed with code 1. plz help

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

    sir javascript pa be playlist create kray

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

    why my npm start is not working showing error: event.js :292 throw er; // Unhandled 'error' event

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

    Hello World इसलिए बनाते हैं कि हमारा प्रोग्राम नया नया दुनिया मे आया है। इसलिए हेलो वर्ल्ड बोलता है।

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

    Nice Content. Waiting for the Next one! Also, I would love to be Friends

  • @113_shubhamyadav4
    @113_shubhamyadav4 Рік тому

    npm: is tool use to install packages
    npx: is tool use to excute packages without installing in our system

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

    amazing thank you

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

    Sir, Can u make a video on Laravel important and useful helper functios ,

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

    Sir pls give advice through vedio or by comment so that we can get Linux job as a fresher because I have done redhat Linux certification

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

    Thank u sir 💘

  • @akashkumar-fd9yf
    @akashkumar-fd9yf Рік тому

    you made 46 video on react does it cover everything in react or just Beginners stuff???

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

    should i learn reactjs using typesript or javascript I am confused

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

    which one should anyone prefer? NPX or NPM? ok I got it that NPM install the packages globally.
    And The npx is useful during a single time use package what does this mean?

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

      If you hv found this answer then please tell us too

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

      in most of the cases npx is preferable

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

      npm first install all the files in your project and then execute them on the other hand npx simply executes the desired file without installing it globally.

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

    You explain very well but your intro vedio is Soo irritating will you start with the normal starting
    Thank you 😊

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

    my npm create-reat-app is not working but npx create-react-app is working why???

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

    sir why using reactjs if we already have an angular?

  • @ImranKhan-vt7vg
    @ImranKhan-vt7vg 2 роки тому

    This hack is not working now in cmd. Kindly help. How to create a package of react fast

  • @AnkurSingh-yz7sb
    @AnkurSingh-yz7sb 2 роки тому

    bhai mere nodejs mai koi problem hai jab bi mai file run krou toa ya aata hai
    npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead
    iss pr ek video bana do na plz urgent hai smjh nhi aara hai ky kru

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

    both using npx and npm packages are installing on current folder ,also node_modules folder created in both command ,them what is the difference between them ?

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

    sir while create react project i am facing this error Error: EPERM: operation not permitted, mkdir 'c:\users\
    plz tell me how to solve

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

    Bhai full tutorial aayega?????

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

    is this a complete playlist of react js ?????

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

    there is problem occuring in when I running npm start command

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

    hi sir can u help me out on one thing that when we create an app in react why it shows happy hacking at the end in the terminal... ?

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

      The word "hack" has multiple meanings.
      The traditional meaning is "clever problem solving". The newer meaning is "breaking into systems you don't own". The latter has become the common usage outside of the programming community, but many programmers still use "hack" in the "problem solving" sense.

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

    Sir jese hum Kisi ko call krthe h to hello bolthe h
    Or same program banethe h to bhi hello Likthe h same
    Real world entitity

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

    Sir app video kse banate hai video ke corner m apki image dikhti h ye kse karte ho.

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

    hello windows 7 me node js install nh ho rha hai wo windows 8.1 pr install hoga to batye kaise hm ise windows7 me install kre

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

    why is npx version the same as the node?

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

    When I used npx command it did not created all the folders in my react project.But after runing command npm install -g create-react-app command when I run the npx command, it created all the necessary folders. I am confused why it didn't created earlier? Sir,can you explain this?

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

    sir please make a videos tutorial on ionic framework.

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

      I work on ionic contact me 9050078008

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

    Sir what's the difference between yarn and npm

  • @DeepakGupta-hj2dv
    @DeepakGupta-hj2dv 4 роки тому

    Pure components ka kya use hai react js mai

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

    When the project started, how to exit form that screen in the terminal so that I can put any other cmd in it?

    • @Rohit-ed4xf
      @Rohit-ed4xf Рік тому

      Sometimes I also feel bored to scroll to write commands in the terminal because to many commands are running in there.. at that time I clear the terminal through clear cmd and restart my server again through npm run dev. Btw u can open a terminal through shortcut key Ctrl+ ` or open a new terminal for that

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

    anyone reply this is complete course or not plz anyone reply

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

    Sir react ke liye node download karna hi padta he

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

    do we need internet for using npx?

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

    react js k project ko php me kese incorporate kare...?

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

    i am getting error ELIFECYCLE running command npm start

  • @Ahmadali-ht8fv
    @Ahmadali-ht8fv 4 роки тому

    sir i;m facing problem while making folder

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

    why not npx start? Only npm start.

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

    npx install kaise hoga ?

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

    web hosting ka hoading bahut zaida disturb kar raha hai

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

    Hello Sir,
    would you reply here if we get error during this video ?

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

      Because i am getting error with npx create-react-app my-app

  • @Zeeshanansari-wb7vo
    @Zeeshanansari-wb7vo 3 роки тому

    Window 7 meih install nhi ho rha hai

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

    Mere ko kuch samaj nhi aaya sir

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

    Hi sir aapse content kese kare

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

    Sir mera installation nahi hora

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

    Sir install to ho gya camand kaise chalaun

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

    Bahut try ki Nahi Ho raha h

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

    How to make API

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

    visual studio k alawa koi pr editor nai chalega??

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

    58 packages looking for funding run npm fun for details

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

      im also getting d same problm .....tell me how to fix it ???

  • @akram-sz7qj
    @akram-sz7qj 4 роки тому +2

    don't write title with english pplease

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

      Okay please tell me what should I write ?

    • @akram-sz7qj
      @akram-sz7qj 4 роки тому

      @@TechnicalSuneja
      i don't know if you was speaking english in speed of light or you was speaking hindu :/

    • @akram-sz7qj
      @akram-sz7qj 4 роки тому

      @@TechnicalSuneja
      in all the cases i didn't understand the lesson

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

    u r wasting lots of time in saying ye kya hai woh kya hai.. sub kuch bata dunga, ..ye sab nahi bola toh bhi chal jayega..

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

    Sir Mujhe UTI Ka Software Bana Tha Or Recharge Ka Software Bana Digiyega call Me 8083776655