Тёмный

How To Install React Js & Setup Your First Project ✅ 

Rishav Chanda
Подписаться 11 тыс.
Просмотров 212 тыс.
50% 1

• Get 10,000 free mins with ZEGOCLOUD SDK: bit.ly/4aMUh95
• Pre-built UIKits for React Js apps faster: bit.ly/4aLQKaT
• Differences between Next.js vs React: bit.ly/3UvzJMG
• Create Documentation Sites with Docuo: bit.ly/3xFX2Kv
ZEGOCLOUD SDK provides easy video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction.
GOAL: 500 ❤️🔥 SUBSCRIBERS {{🔵SUBCRIBE TO MY CHANNEL }}
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 VS Code
≠===============≠==============
ReactJS tutorial provides basic and advanced concepts of ReactJS. Currently, ReactJS is one of the most popular JavaScript front-end libraries which has a strong foundation and a large community.
ReactJS is a declarative, efficient, and flexible JavaScript library for building reusable UI components. It is an open-source, component-based front end library which is responsible only for the view layer of the application. It was initially developed and maintained by Facebook and later used in its products like WhatsApp & Instagram.
Our ReactJS tutorial includes all the topics which help to learn ReactJS. These are ReactJS Introduction, ReactJS Features, ReactJS Installation, Pros and Cons of ReactJS, ReactJS JSX, ReactJS Components, ReactJS State, ReactJS Props, ReactJS Forms, ReactJS Events, ReactJS Animation and many more.
=========✓===============✓✓======
✨Tech I use every day ✨
💻Lenovo Yoga 6 AMD Ryzen 7: amzn.to/3IqmpAf
🎥Vivo V19 mobile cammera: amzn.to/3KyEA8y
🔅Ring Light: amzn.to/3rKBfLj
🎙Mauno Mic: amzn.to/3FRacTA
⽴Digitek tripod: amzn.to/3qNJ1Vk
🎧BoAt Rockerz 450 Headphone: amzn.to/3KC0S9J
📺Samsung 27-inch Curved: amzn.to/3KA1i07
🖱Logitech mouse: amzn.to/3fPKtA8
🖱Zebronics keyboard: amzn.to/3GVQgjz
💺Delta Office Chair: amzn.to/3KseZhA
🌟 Please leave a LIKE ❤️ and SUBSCRIBE for more AMAZING content! 🌟
Hey!! I am Rishav Chanda, First-year Student at 📍 KIIT 🏫 pursuing Computer Science Engineering 🔌. I enjoy reading books 📚 and solving problems 📝 using Computer Science 💻. This channel is on college, growth 📈 and everything in between. New videos every week 📅. We'll be talking about productivity ⏳, work life balance, career and more.
📸 Instagram: / rishav_chanda
🌎 Website: rishavchanda.g...
📱 Twitter: / rishavchanda
📝 LinkedIn: / rishav-chanda-b89a791b3
📂 GitHub: github.com/ris...
✨ Tags ✨
react,react js,react full course,react course for beginners,react course in hindi,react course for absolute beginners,react course code with harry,react code with harry,code with harry react,react course 2021,react js full course in hindi,introduction to react js,create react app,react course free,latest react course in hindi,latest react course for beginners,reactjs installation windows 10,how to install react js in hindi,how to install react js in windows 10 in hindi,reactjs,reactjs installation,react js installation in hindi,install react js in hindi,install react in hindi,create react app in hindi,react create app in hindi,react setup in hindi,install react js 2020,insall reactjs in hindi,react js setup in windows,install reactjs in hindi,react js setup in hindi,react js install in hindi,react app in hindi,react,Download and Install React Js,setup react js in visual studio code,download and install react,react js,react native install windows,reactjs tutorial,react tutorial,react installation in windows,react installation,react installation steps in windows,react.js,reactjs crash course,react.js project,react.js full course,react.js beginner tutorial,react.js basic,install react,install react native on windows,install react on windows 10,react tutorial for beginners,react js,react tutorial,learn react,react course,reactjs tutorial,react crash course,react js tutorial,reactjs course,react tutorial for beginners,react.js,reactjs tutorial for beginners,reactJS,react,learn reactjs,tutorial,javascript,crash course,programming with mosh,code with mosh,web development,mosh hamedani,learn react js,
"react" "6"
"react js" "5"
"reactjs" "4"
"react tutorial" "7"
"reactjs tutorial" "4"
"react installation" "3"
"react.js" "4"
"react tutorial for beginners" "6"
"react js tutorial" "4"
"reactjs tutorial for beginners" "5"
"learn react for beginners" "3"
"react for beginners" "4"
"reactjs for beginners" "3"
"learn react" "5"
"javascript" "4"
"web development" "3"
✨ Hashtags ✨
#reactjs #react #nodejs #reactinstallation #reactjssetup #reactprojects

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 217   
@RishavChanda
@RishavChanda 2 года назад
GOAL: 500 ❤️🔥 SUBSCRIBERS {{🔵SUBCRIBE TO MY CHANNEL }} 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 VS Code
@ahmedkds4543
@ahmedkds4543 Год назад
bro i have an error i have been trying to fix it for a long time now and uninstalling node.js and installing it again with a new tutorial but the same problem accures, I will relly appreciate it if you help me its the ENOENT error
@RishavChanda
@RishavChanda Год назад
@@ahmedkds4543 can you mention what error are you facing
@sergejbogovic6881
@sergejbogovic6881 Год назад
I would recommend this to everyone that struggled with installing react. Thank you very much!
@EDggy
@EDggy 3 месяца назад
Bro im getting errors when i press enter after copying the code on cmd .. can u help pls
@sergejbogovic6881
@sergejbogovic6881 3 месяца назад
@@EDggy can you be more specific? Do you get it after the version check or during/after installation?
@sumithreddy1032
@sumithreddy1032 9 месяцев назад
code with harry took 40 mins to explain this shit .....this video should be appreciated
@Malayamakiya
@Malayamakiya 7 месяцев назад
Code harry took alot of time is many videos total in effective in time system
@mirabi
@mirabi Год назад
you need your flowers! this is the most straightforward video I've ever watched. The joy I felt after finishing the process. I haven't subscribed so fast to a channel. If you're reading the comments, this is the best video you can get to set up React js.
@RishavChanda
@RishavChanda Год назад
Thank you for your support 😊
@AnitaSharma-bk4fc
@AnitaSharma-bk4fc 9 месяцев назад
​@@RishavChanda please can u suggest me some other way to install packages because I am getting error
@lindaduong289
@lindaduong289 2 года назад
TY for making the most comprehensive installation video for React - other RU-vid videos would give me the run around
@shrutitiwari6065
@shrutitiwari6065 Год назад
This video is so helpful I'm struggling for this from past 3 hours thankyou
@hemadasari1573
@hemadasari1573 9 месяцев назад
Thanks for the video brother. I have searched a lot for easy understand able videos and have found this. Thanks brother
@mrkarthikkKK
@mrkarthikkKK 2 года назад
I recommend it for you guys this the right one✨
@rupeshkumardas2568
@rupeshkumardas2568 Год назад
I saw a lot of video but only this video is work for me
@THETRUTHZ
@THETRUTHZ 11 месяцев назад
Thank you for this king TUT everything was on point.
@dilipjaiswal7141
@dilipjaiswal7141 Год назад
Really easy and simple way to do the setup TQ bro....
@sonugupta2972
@sonugupta2972 2 года назад
Thank u buddy i'm try another channel but not anyone work but i got your video then i can run reactjs Thank u So much...
@AleySoundz
@AleySoundz 11 месяцев назад
Thank you. This was the easiest to follow.
@MaryamZuhurova
@MaryamZuhurova 5 месяцев назад
oohhhhh OMG Bro you are great thank u for all of these because i couldn't install it by watching 10s of videos about it except for yours (u r genius)!!!!!!1
@thechantoftamohara
@thechantoftamohara Год назад
This has been straight to the point. i had to watch atleast 20 videos before bumping into this. None of them actually was as good as this one
@motivationontheedge1188
@motivationontheedge1188 4 месяца назад
true
@ringsoundmd18
@ringsoundmd18 Год назад
I have seen many vdos for this purpose but no one can explain clearly, but ur great bro well explained❤
@shivanidhotre9506
@shivanidhotre9506 Год назад
I searched my tuotraials for to install react app but you made it simple to install .Thank you.🎉
@rte679
@rte679 Год назад
you save my life 😢😢 i trying to install the react for 1 month witching lot of videos but nothing happen follow your video steps and things become really easy
@evelynhagon273
@evelynhagon273 Год назад
thanks man, everything works!
@mollyeruns
@mollyeruns 2 года назад
This was the most helpful video for this install. Thank you!
@howdoicommentontcomopuedo9365
@howdoicommentontcomopuedo9365 2 года назад
This is definitely the best method
@HaifengZhu-pn3uq
@HaifengZhu-pn3uq 9 месяцев назад
Hi, I have a question for you. Does React have templates for creating ecommerce sites?
@williamdevonshire356
@williamdevonshire356 2 года назад
thanks g! it was a great tutorial, better than many others
@sethedumadze5042
@sethedumadze5042 Год назад
Indeed you have simplified it well. Thumbs up
@dylanrubio6117
@dylanrubio6117 Год назад
You're the GOAT bro
@jtamayo4281
@jtamayo4281 Год назад
Thumbs up for you Sir! Tutorials should look like this, Straightforward!
@adrianantico3750
@adrianantico3750 Год назад
Thanks for the video. In the npx create-react-app test part I would emphasize not forgetting the dash between create and react as the errors will send a new user down a terrible stackoverflow rabbit hole.
@AnitaSharma-bk4fc
@AnitaSharma-bk4fc 9 месяцев назад
This npx create-react-app test throwing error how can I install the remaining packages
@cryptochannel329
@cryptochannel329 2 года назад
Awesome. Much appreciated homie. 🙏
@anjulama2548
@anjulama2548 Год назад
i don't have the option to open my folder under React JS app with code ?
@philipstv2775
@philipstv2775 3 месяца назад
Thank you so much for this, man. Love from 🇳🇬🇳🇬❤️
@phoenixmax3404
@phoenixmax3404 Год назад
Morning i have a problem while installing react on m'y computer. My terminal Say that there IS an error in installing .What should i do
@Shadow-fw9qc
@Shadow-fw9qc Год назад
Really super explanation, and very easy to understand ❤, Thank you
@Gazatron12
@Gazatron12 16 дней назад
Super helpful and worked, thank you!
@divyarathaur6
@divyarathaur6 11 месяцев назад
Thank you your video is really helpful...🙏
@howdoicommentontcomopuedo9365
@howdoicommentontcomopuedo9365 2 года назад
Thanks bro !! Video was really helpful and perfectly worked for me :)😁😁😁
@sachinr1117
@sachinr1117 25 дней назад
Hye Rishav, one dubiety is React a Frame Work or a Library?
@miggy0078
@miggy0078 Год назад
Thank you so much. I never work with framework before. But how can i see, it will be very helpful. Thanks man 🤗
@malouette3991
@malouette3991 2 года назад
Thank you! It's really clear.
@patrickhastings3733
@patrickhastings3733 2 года назад
that was really helpful, thank you!
@rajeshkumar-ws5ku
@rajeshkumar-ws5ku 5 месяцев назад
next video brother
@rohitkunta8328
@rohitkunta8328 Год назад
Thank you bro , it's helped alott👍👍
@motivationontheedge1188
@motivationontheedge1188 4 месяца назад
brother if i ask question of react js for school could you help by making videos on that it really help me and it will be benifical for others
@Rdrudra99
@Rdrudra99 2 года назад
Carry on brother 👌😊
@RishavChanda
@RishavChanda 2 года назад
Thanks ❤️😀
@softwareengsteven
@softwareengsteven Год назад
Thank you soo much for this
@BuyTheDip627
@BuyTheDip627 2 года назад
Did you press anything to initialize the git repository? I did exactly as you said, but I was stuck at run 'npm fund' for details.
@EmmanuelAllucardCGuela
@EmmanuelAllucardCGuela Год назад
For those who rush, the tutorial starts at 1:09
@sourabhkanase8698
@sourabhkanase8698 9 месяцев назад
those who rush dont watch comments
@suppressedrage7275
@suppressedrage7275 Год назад
On the cmd terminal,it returns an error where you typed npx create react app
@adityachaurasia7002
@adityachaurasia7002 5 месяцев назад
Same, did you find a solution?
@zevilman
@zevilman Год назад
shortest & easy way. good job
@shashank4082
@shashank4082 Год назад
Bro errors in npm in display
@martapfahl940
@martapfahl940 Год назад
Simple & Straight forward, thank you brother!
@yousufrumi5587
@yousufrumi5587 6 месяцев назад
thank you buddy love from pakistan
@shardendumishra747
@shardendumishra747 11 месяцев назад
Great video man! helped me big time.
@menace735
@menace735 Год назад
Thanks man! Perfectly done! 🔥
@tanishkagupta6864
@tanishkagupta6864 11 месяцев назад
Thank you so much it was very helpful
@vaship235
@vaship235 2 года назад
Hi Rishav, your attempt is simply very good. But there are so many things which are missing on very specifics needed. One more thing it also shows as if a clear mislead, that to ask us to download 16v, but you have already downloaded 17v. You should have either conveyed to us as if it's our choice atleast, but you did make it as an simple instruction. Now after installing and running nodejs, when we try to create new react app using npm, it is saying npm as not system identified command. Now where did you make us miss. Your screen journey is good but felt as if some things are already pre-scripted to avoid such errors. But on overall, your presentation and voice of narration both are very good. Keep it up.
@AnitaSharma-bk4fc
@AnitaSharma-bk4fc 9 месяцев назад
I am also getting error can u please tell what can be the other way besides it
@saikumarssk166
@saikumarssk166 5 месяцев назад
I am getting ERR! Error while creating the react project
@badmusawwal5783
@badmusawwal5783 Год назад
Great video boss i love this
@ashutoshvardole7332
@ashutoshvardole7332 Год назад
Thanks for your video for helping me
@ClassicalTablaPlayer
@ClassicalTablaPlayer 2 года назад
very helpful thank you
@dhavalpatel3536
@dhavalpatel3536 Год назад
Thanks brother 👍
@aarthi5814
@aarthi5814 Год назад
Very informative 👏♥️
@jasonluna2919
@jasonluna2919 8 месяцев назад
Great video! Thanks!
@venkataravali208
@venkataravali208 Год назад
Hi after doing this as well unable to run page just getting blank screen
@badalpatel1774
@badalpatel1774 8 месяцев назад
npm error aa raha node js install hai fir bhi talwind me npm install -D tailwindcss karne pe yee error nai aata koi command aur hai kya isse pahle
@Remixtrack-vz1in
@Remixtrack-vz1in Год назад
Thanks for this helpful video ❤
@Social_Activism
@Social_Activism 6 месяцев назад
whenever i make a react app it shows error how to fix it ??
@akashsatre1124
@akashsatre1124 2 года назад
bro ur video really helped me
@hanu_106
@hanu_106 Год назад
nice
@demodemo9429
@demodemo9429 8 месяцев назад
Thank you for the information bro
@Littlepinkie57
@Littlepinkie57 Год назад
Great share
@davidzenteno1240
@davidzenteno1240 Год назад
I got this error when I tried npm start on the terminal, can you please help. npm : The term 'npm' 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 + npm start + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
@oldjake9774
@oldjake9774 Год назад
Me too( Did you manage this problem? If you did, please share it with me also.
@demiurgerenz
@demiurgerenz Год назад
Same here . No video is addressing this.
@Sirat67
@Sirat67 Год назад
It solved the problem thnx a lot
@himanshuparhi7639
@himanshuparhi7639 6 месяцев назад
nice voice dude 🤗
@codingwithhassan7746
@codingwithhassan7746 Год назад
weldone brother ❤
@KiranMahato169
@KiranMahato169 7 месяцев назад
Thank you 😊
@TehniyathUnnisa
@TehniyathUnnisa 6 месяцев назад
can you teach how to deploy projects on github please
@DineshkumarPIT
@DineshkumarPIT 4 месяца назад
thank you bro ⚡
@Techtube-ul5tl
@Techtube-ul5tl 5 месяцев назад
that"s good!
@AbhishekThakur-fk7px
@AbhishekThakur-fk7px Год назад
Thank you so much sir.
@sudhakar0003
@sudhakar0003 Месяц назад
Awesome thank you its youseful
@halcyonXT
@halcyonXT Год назад
Great one
@zaheerabbas4367
@zaheerabbas4367 5 месяцев назад
you should complete whole process.
@Serpent-d7k
@Serpent-d7k 5 месяцев назад
the cmd part didn't work for me
@motivationalduniya6163
@motivationalduniya6163 7 месяцев назад
Thanks brother
@AmitKumar-un6so
@AmitKumar-un6so Год назад
please make a video how to create virtual host in ReactJS and run project on windows
@kipkoechshadrack-f2s
@kipkoechshadrack-f2s Месяц назад
after watching several unnecessary videos at last I found right one.Thank you.
@Olderaccount17
@Olderaccount17 10 месяцев назад
I hate this goddamn thing, I've been struggling with it since yesterday. I do everything exactly as in this and other videos, and nothing ever works with my setup. After running "npm start", I never get the damn screen at 8:10. It just loads a page that says "Index of/" with links to all the work files. I'd love to know why the hell it does something different instead of showing the same screen as in the video if I'm doing everything exactly the same way as in the video.. Still, I figure I need to open "/public" and it does show the preview for "index.html", but it only renders changes to this .html file, and nothing in the App.js file ever renders, even though it should be rendering on the element present in index.html. I'm beyond frustrated with this software.
@Anuragk_2625
@Anuragk_2625 3 месяца назад
It showing can not find module😢😢
@NoureddineBahi
@NoureddineBahi Год назад
thank
@souravchattaraj
@souravchattaraj 10 месяцев назад
thank you brother ❤❤
@spdwivedi5925
@spdwivedi5925 7 месяцев назад
Thanks a lot bhai
@sivanath2735
@sivanath2735 9 месяцев назад
giver error npm ERR! A complete log of this run can be found in: C:\Users\SM - Trainee\AppData\Local pm-cache\_logs\2023-12-25T15_42_10_156Z-debug-0.log what i do?
@harshadgandhale5372
@harshadgandhale5372 Год назад
🔥🔥🔥
@JagmeetSingh-ym6jj
@JagmeetSingh-ym6jj Год назад
Thank you
@Rdrudra99
@Rdrudra99 2 года назад
2:13 are you useing any theme ?
@RishavChanda
@RishavChanda 2 года назад
Yes...a video will be comming about vs code extension..
@ChandanKSwain
@ChandanKSwain 11 месяцев назад
It is showing that , this way of react app creation outdated...
@AnwarKhan-cf4zz
@AnwarKhan-cf4zz Год назад
Amazing 🤩
@naveenbasavaraja8292
@naveenbasavaraja8292 5 месяцев назад
awesome
@salonipathak2296
@salonipathak2296 2 месяца назад
thank you so much
@aayushshah2769
@aayushshah2769 Год назад
Bro it ask for funding what should I do?
Далее
Front-end web development is changing, quickly
3:43
Просмотров 1,1 млн
How to Install React JS In Visual Studio Code
8:03
Просмотров 101 тыс.
How to Install Node.js on Window 11
10:19
Просмотров 225 тыс.
Every React Concept Explained in 12 Minutes
11:53
Просмотров 659 тыс.
How to Install React on Windows - Getting Started
5:36
React Tutorial for Beginners
1:20:04
Просмотров 3,2 млн