I never really thought someone would teach so much about installation and package management.. all tutorials just make the installation very basic and primitive that we will not know all these terms like build, dependencies, scripts etc... Thank you for this very detailed video learnt a lot.. Shared this playlist in my college group
Brief about video : 1. Created a react app. Or a react software or folder. 2. We saw/read the package.json file of it. 3. After reading that file, we executed the react app (start) also build it using the command given inside that package file. 4. Now, created a vite react folder (vite = library). 5. Also, saw the package.json file for vite. 6. Then executed the vite folder i.e. dev (start). 7. Now, after executing both the folder, we removed un-useful file from both. 8. Then, Executed our first react and vite programme. Thanks sir, loved it
I never really thought someone would teach so much about installation and package management.. all tutorials just make the installation very basic and primitive that we will not know all these terms like build, dependencies, scripts etc... Thank you for this very detailed video learnt a lot..face-red-heart-shape
I was just curious about the package-lock.json file, so surfed the internet and got some information.. Here it is : 1. Dependency Version Locking: Locks exact versions. 2. Specific Version Recording: Records exact nested dependency versions. 3. Dependency Resolution: Ensures consistent installs. 4. Consistency & Reproducibility: Same versions for all. 5. Avoid Manual Editing: Risk of conflicts. In a nutshell, `package-lock.json` lists and locks down specific versions of all project dependencies, ensuring consistent installations and preventing version conflicts. It's hands-off for manual edits to avoid potential issues.
"Hello sir, I'm from Indore, and I just want to say how much I appreciate your teaching! Your way of explaining things is so clear and friendly, it makes learning a joy. Thank you for all the effort you put into making learning so easy and enjoyable for us. Truly grateful!"
If there were Oscars for coding, this teacher would easily clinch the "Best Educator" title. His coding guidance is pure gold, sparking curiosity and shaping futures. A true inspiration! 🧡💯
@@yupp_harish3936 He is also one of the finest tutors on RUclips but looking at the overall industry experience Hitesh sir has undeniable talent and knowledge
DAY-1 Learning React... learnings - -> how to create react(npm create-react-app) and react_with_vite(npm create vite@latest) and vite is much more fast why? ----isme only react-dom aur react wala dependency hota hai..react jaise testing,script, web_vitals nhi hota.. ->about the package.json.. isme se consi command se run hoga project like npm run _______managing and deleteing files.. ->create a simple page with react and react+vite (vite is a build tool that make our process much faster ) aur ha (npm create vite@latest ) iske baad (npm install run) krna hota hai taki _node dependencys_ hum download krle wrna npm to run hi nhi krge)..
Hi, I’m from Kerala, and I just wanted to say how much I love the way you explain things! Your teaching style is so friendly and easy to understand. It makes learning so enjoyable. Thank you for all your hard work and great content
Loving this 💖👌🏻.. Pls teach Redux and react testing with Cypress/Jest too, also a single video, maybe an hour long where u only talk about ReactJs questions asked in an interview, for a Jr. Dev or entry level role, and their answers/solutions, if possible. Thank you so much 👨🏻💻
Thank you sir ye course banane ke liye. Aap jis tarah se padate ho bahut aatcha lagta he or bahut aatche se samaj me aata he. So thank you very much sir.
Started this series today. But your teaching style is sooooo awesome that want to learn everything from you only. After react, git, next, and complete mern also 🥰🥰❣️❤️
Thank you bhaiya for such videos where you talk real slow and try to explain each and everything whatever you do which is real helful for absolute beginners for me. I hope the energy and enthusiasm remains the same throughout the course.
Your way of teaching and explaining concepts are great. Never felt bored throughout the video. Everyone needs a teacher like you in their life. Hat's off sir ❤
If there were Oscars for coding, this teacher would easily clinch the `Best Educator` title. His coding guidance is pure gold, sparking curiosity and shaping futures. A true inspiration!
You explaning the whole project before starting is really something very valuable, this sets your videos standards very high. Thankyou for such a good series 💛
Thank you sir .. aap bohot achche se samjhate ho guide karte ho keise karna haiin.. kya karna chahiye.. RUclips me pehele kavi nehi mila mujhe haa thora dikkat hota hain pehele pehele samjhne me keuki bohot in depth hota hain... Fir 2 or 3 bar dekhta huun samjhme vi ata hain and maja vi ata hain... ❤❤❤ ... Jisko apke content ka mahatwa pata hain wo jorur apko support karenge.. and apke guidance ko follow karenge.... ❤❤ Unme se ek main vi sir... Thank you for like this content... Aisehi guidence and support apvi karte rehene sir... Chodna maat... 😢
Your Lectures are awesome sir and you provide this great content for free, it's speechless sir . Your communicating way is very good and you break every complex topic in a simpler version. Hats off Sir, for the research and effort you had put for making this type of content. It helped me a lot and I am lucky that I got your content in the correct time. Thankyou Sir.
Hitesh bhai...bhauth sare React ke course dekhe hai...apni kasam itna tagda Vite se compare karke kisi ne nahi batya hai...mazza aagya sir, Thank a lot Will recommend this playlist to my all friends.
sir honestly kya kiya video mai kuch samaj nahi aaya and comments mai sab log tarif kar rahe hai pls yaar mujhe batao ki mai ye series start karu ya nahi pls jaldi se reply karo pls
kya baat hai yrr like screen se eyes ka aisa connection too movie mei nhi hota jitna es video mei hua the way you teach is just amazingfrom very basics
Sir, you are a savior for students and professionals. Learning and getting knowledge from you and sharing your experience is very valuable for me in my career journey. Thanks a lot, sir.
@chaiaurcode thank you so much sir for your efforts, only because of you im looking forward to learning React. Your teaching style is by far the BEST. PS : readme template for our projects would be really helpful as you mentioned in the video.
This is my first video of you , which I started to watch . It is very amazing and great explaination , Thank you so much Hitesh sir ... ❤. Your video 's are very usefull for begineers.
My summary for this video. npm create-react-app provide lots of dependency so it takes a lots of time to install all packages. npm create vite@latest is new , and by the help of that we will easyli install all modules & its new way of creating react app😊
New Concepts: React introduces concepts like components, state, props, hooks, and virtual DOM. JSX Syntax: JSX (JavaScript XML) combines HTML with JavaScript. State Management: Understanding how to manage and update state
Wah, Hitesh Sir, yeh React JS video toh sach mein lajawab hai! 🌟 Aapki samjhane ka tareeka sach mein bahut saaf aur aasan hai, jo sabse mushkil concepts ko bhi aasan banata hai. Aapki shiksha mein itni josh hai ki har ek topic ko itni spashtata se samjhana sach mein prerna dene wala hai. Aap ek shandar shikshak hain aur aise anant developers ki madad kar rahe hain, jaise main, React JS ko samajhne mein. Aur aapki agle insightful content ka intezaar nahi ho raha hai! 👏💻 #ReactJS #HiteshSir
NPM doesn't allow anything a package name for react, so follow this naming convention else you will see error. NPM Package Naming Rules : 1. Package name length should be greater than zero 2. All the characters in the package name must be in lowercase 3. Hyphen - is allowed in the package name 4. Package name should not start with . or _ 5. package name should not contain any spaces 6. Package name should not contain any of the following characters : ~)('!* 7. Package name length cannot exceed 214 Example > npx create-react-app my-sample-reactapp-1
Sir, I am Pakistani and we live in south Punjab our language is Saraki and in Saraki we say chass aa gaii, this means this video fulfills our doubts about npm and Vite. This channel is Love #hitesh sir
matlab bhaiya kya hi bataye what an amazing 🥰🥰 introduction. Finally after searching through many videos i was having simply the problem of running the react , and installation toh dur ki baat h .🥰
This series will definitely break all records❤🔥
indeed❤️
Haa
Namste react suna h 😂
@@gauravbisht504 namaste react is next level 🔥
@@akshayjain2777 what is namaste react
React Project ⚛
Intro 0:00
React resources to code 1:52
React documentation 8:10
React as Library 9:40
🔻Create project with React APP
Project prelude 11:08
Project start 16:56
🔻Create project with Vite
Intro 20:10
Project prelude 20:31
Project start 23:32
Discussion => React Project with React App 25:11 ⤵
▶source src folder 25:48
▶(Helloowww wooooorlllllldddddddd क्यों लिखेंगे हुआँaa "Chai aur react" likhenge 😆😂😂28:08 ) kind of funny
▶icebreaking printing "Chai aur react" 28:51
Discussion => React Project with ViteApp 30:23 ⤵
▶source src folder 30:35
▶icebreaking printing "Chai aur react with Vite" 33:11
Conclude 33:25
Thank you sir.
I never really thought someone would teach so much about installation and package management..
all tutorials just make the installation very basic and primitive that we will not know all these terms like build, dependencies, scripts etc... Thank you for this very detailed video learnt a lot..
Shared this playlist in my college group
Brief about video :
1. Created a react app. Or a react software or folder.
2. We saw/read the package.json file of it.
3. After reading that file, we executed the react app (start) also build it using the command given inside that package file.
4. Now, created a vite react folder (vite = library).
5. Also, saw the package.json file for vite.
6. Then executed the vite folder i.e. dev (start).
7. Now, after executing both the folder, we removed un-useful file from both.
8. Then, Executed our first react and vite programme.
Thanks sir, loved it
25:42 yes sir, we definitely want a readme template for our projects
Yes, I also want the ReadMe template for our vite projects
❤
kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya
@@viholvishwassinh1709 try kro... next video dekho...
ek baar react ka one shot dekh lo.
@@viholvishwassinh1709 learn javascript first. then only you will know what is happening here.
I never really thought someone would teach so much about installation and package management..
all tutorials just make the installation very basic and primitive that we will not know all these terms like build, dependencies, scripts etc... Thank you for this very detailed video learnt a lot..face-red-heart-shape
This is indeed very true.
I was just curious about the package-lock.json file, so surfed the internet and got some information..
Here it is :
1. Dependency Version Locking: Locks exact versions.
2. Specific Version Recording: Records exact nested dependency versions.
3. Dependency Resolution: Ensures consistent installs.
4. Consistency & Reproducibility: Same versions for all.
5. Avoid Manual Editing: Risk of conflicts.
In a nutshell, `package-lock.json` lists and locks down specific versions of all project dependencies, ensuring consistent installations and preventing version conflicts. It's hands-off for manual edits to avoid potential issues.
"Hello sir, I'm from Indore, and I just want to say how much I appreciate your teaching! Your way of explaining things is so clear and friendly, it makes learning a joy. Thank you for all the effort you put into making learning so easy and enjoyable for us. Truly grateful!"
If there were Oscars for coding, this teacher would easily clinch the "Best Educator" title. His coding guidance is pure gold, sparking curiosity and shaping futures. A true inspiration! 🧡💯
absolutly
what about love babbar
@@yupp_harish3936 He is also one of the finest tutors on RUclips but looking at the overall industry experience Hitesh sir has undeniable talent and knowledge
DAY-1 Learning React...
learnings -
-> how to create react(npm create-react-app) and react_with_vite(npm create vite@latest) and vite is much more fast why?
----isme only react-dom aur react wala dependency hota hai..react jaise testing,script, web_vitals nhi hota..
->about the package.json.. isme se consi command se run hoga project like
npm run _______managing and deleteing files..
->create a simple page with react and react+vite (vite is a build tool that make our process much faster )
aur ha (npm create vite@latest ) iske baad (npm install run) krna hota hai taki _node dependencys_ hum download krle wrna npm to run hi nhi krge)..
Most Interesting series with React
1. Most Beginner Friendly
2. Simplicity
3. Avoid Confusing Element "Hatao😂"
Hi, I’m from Kerala, and I just wanted to say how much I love the way you explain things! Your teaching style is so friendly and easy to understand. It makes learning so enjoyable. Thank you for all your hard work and great content
Thank you so much 🙂🤗☕️
Loving this 💖👌🏻..
Pls teach Redux and react testing with Cypress/Jest too, also a single video, maybe an hour long where u only talk about ReactJs questions asked in an interview, for a Jr. Dev or entry level role, and their answers/solutions, if possible. Thank you so much 👨🏻💻
Thank you sir ye course banane ke liye. Aap jis tarah se padate ho bahut aatcha lagta he or bahut aatche se samaj me aata he. So thank you very much sir.
You not only excel as a skilled teacher but also possess a remarkable and admirable personality.
Started this series today. But your teaching style is sooooo awesome that want to learn everything from you only. After react, git, next, and complete mern also 🥰🥰❣️❤️
Thank you bhaiya for such videos where you talk real slow and try to explain each and everything whatever you do which is real helful for absolute beginners for me.
I hope the energy and enthusiasm remains the same throughout the course.
I am like this almost everyday
your teaching style is very very good, nobody else teach so detailed as well as so friendly manner
This would be epic. Thanks for your valuable efforts to empower people.🙏🏽
Your way of teaching and explaining concepts are great. Never felt bored throughout the video. Everyone needs a teacher like you in their life. Hat's off sir ❤
If there were Oscars for coding, this teacher would easily clinch the `Best Educator` title. His coding guidance is pure gold, sparking curiosity and shaping futures. A true inspiration!
kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya
You explaning the whole project before starting is really something very valuable, this sets your videos standards very high. Thankyou for such a good series 💛
I literally HYPNOTIZE for 35 min.😵
No doubt there is depth in this series
BUT
the way you are teaching ,it is generating a high level of interest💗
your teaching style is very very good, nobody else teach so detailed as well as so friendly manner
Kitna bhi angreji sikh lo, padhne me maza mother tongue me hi aata hai ❤
true bhai , vo language wala concern mind se ekdum hat jata , hai , pehle mind me tranlate hogi fir concept smjhenge ,vo scene hat jata hai
Pucha kisine
@@vaibhavbarala5685 @AgraPolice !
@@vaibhavbarala5685😂
But baat toh shi kha bhai ne
East or west hindi is best
Ya bro hindi is always best
sir bina fees k itna behtreen content parha rahay ho lengthy videos say hamara he benefit hai. keep up the good work. 👍
Refreshed mind with Guru Dev ❤🙏🏻
Thank you sir .. aap bohot achche se samjhate ho guide karte ho keise karna haiin.. kya karna chahiye.. RUclips me pehele kavi nehi mila mujhe haa thora dikkat hota hain pehele pehele samjhne me keuki bohot in depth hota hain... Fir 2 or 3 bar dekhta huun samjhme vi ata hain and maja vi ata hain... ❤❤❤ ... Jisko apke content ka mahatwa pata hain wo jorur apko support karenge.. and apke guidance ko follow karenge.... ❤❤ Unme se ek main vi sir... Thank you for like this content... Aisehi guidence and support apvi karte rehene sir... Chodna maat... 😢
Your Lectures are awesome sir and you provide this great content for free, it's speechless sir . Your communicating way is very good and you break every complex topic in a simpler version. Hats off Sir, for the research and effort you had put for making this type of content. It helped me a lot and I am lucky that I got your content in the correct time. Thankyou Sir.
Sir aapke lectures dekhne se ek deep knowledge and a sense of calmness aati ha
Thankyou sir!
Please complete this series asap .... please because want to learn react before September..... internship season is there
Koshish puri rhegi
Hitesh bhai...bhauth sare React ke course dekhe hai...apni kasam itna tagda Vite se compare karke kisi ne nahi batya hai...mazza aagya sir, Thank a lot
Will recommend this playlist to my all friends.
It's time to do overtime ek video to chal jati par do ke liye to night shift lagani padegi office day+chai aur code(night)
But excited to learn ✌️✌️✌️
vaise 1 aur ready h but kl krenge use upload
Thank u sir ji🥰💗
@@chaiaurcode 🤣🤣✌️✌️
Very Depth Analysis Thanks. Vite was new to me. This is the first time i am using vite
Loving your behind the scene explanation 💯
Appreciate that
kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya
i would recommend this react course to anyone who wants to learn react.
sir installation me kafi problem ho rhaa thATS WHY code poora nii ho pata nd baad me demotivate hokr beech me hi chorna pad jata hh
bro kaise hua tha installation kyuki filhaal mera ho raha hai problem🙂
exactly ... the installation part is so confusing am getting demotivated just by looking at the installation .
@@yethinvutukuri6110Use chatgpt bro
@@yethinvutukuri6110 same yaar
Thanx sir ,
you will be the pioneer for all students of code industry,
who taught like this.
starting today on 13-11-2023....will finish soon ☺.
Finish kar liye bro...??
Finish date batao
😂@@unccenored
Lagta hai finish nhi ho paya bhai se@@729shuklaji
I have found this tutorial best❤ thank you to provide us this beautiful content 😊❤❤❤❤❤❤
Great series but want redux js also
Vo b krwa denge
@@chaiaurcode Adhar card ki photocopy leke office pr ajao karwa denge kam se kam mai 😂😂
Btw sevage reply tha ye sir apka 🔥
doing react for past 1 year still learn a lot of new things from this video... Really this is the beauty of your course😃😃
Thank you sir 🙂
Most welcome
no one can beat your teaching skills and the way you explain..
Sir I am to confused some people are saying do DSA and then DEVELOPMENT, what should we do
Koi bhi ek cheez Krna chalu kr do. Ho jana hai. Chill hoke kro
Start wid any one of them.
Sir , Your code cleaning part was amazing. It gave me the confidence to explore code.
sir honestly kya kiya video mai kuch samaj nahi aaya and comments mai sab log tarif kar rahe hai pls yaar mujhe batao ki mai ye series start karu ya nahi pls jaldi se reply karo pls
Build your foundation first.
@@basic_to_advance. Foundation matlab javascript ki baat kar rhe ho kya?
@@mrnormie4056Yes
@@mrnormie4056Sir ne bola bhi tha is video me sab kuch samaj ni ayega. Par age ka series dekho, kafi acche se explain karte he.
@@MimicMannan maine java script ke kuch concepts skip kar diye the usko dekhne ke baad.....firse iss video ko dekha ab samajh aa rha hai
I've viewed videos on numerous channels, but the series by Sir Hitesh Choudhary is undoubtedly poised to set new records.
kya baat hai yrr like screen se eyes ka aisa connection too movie mei nhi hota jitna es video mei hua the way you teach is just amazingfrom very basics
💟 kafi saral bhasha me complex lagnevali chiz padhane ke liye shukriya sir .... finally I found someone who can lay off my fear of learning frontend .
switching between two projects creates confusion.. but its good learning
Best Coding teacher, I've been watching him since 2014 when I was in college. He always makes these concepts easier. Thanks you for this HC sir
Sir, you are a savior for students and professionals. Learning and getting knowledge from you and sharing your experience is very valuable for me in my career journey. Thanks a lot, sir.
@chaiaurcode thank you so much sir for your efforts, only because of you im looking forward to learning React. Your teaching style is by far the BEST.
PS : readme template for our projects would be really helpful as you mentioned in the video.
addictive series hai yrrr ,mere paas time ki kami pad jaa rhi hai video dekhne ke liye , man kar rha ek din me sab sikh jau
This is my first video of you , which I started to watch .
It is very amazing and great explaination , Thank you so much Hitesh sir ... ❤.
Your video 's are very usefull for begineers.
after learning DOM manipulation from chai aur code I realized how precious the contents are now started learning react
thanks a lot for the content
Video is very Awesome 🎉 0:25
Your teaching technique is very unique sir , Thank you 🥰
So glad !! i found a brilliant educator like you :D
starting to react after learning Django. Moving another step closer to Full stack development.
By far the most basic to advance concept hitting theory's, beginner to advance content.
Amazing it is...Just Amazing..
My summary for this video.
npm create-react-app provide lots of dependency so it takes a lots of time to install all packages.
npm create vite@latest is new , and by the help of that we will easyli install all modules & its new way of creating react app😊
You explain better than code with harry
11:32 Its not a Node Package Manager. Of course, it manages the packages but full name is not a Node Package Manager.
i really loved your javascript series now i am starting react thank you hitesh sir
nice explanation; very much needed
Very well explained sir, Thank you so much !
New Concepts: React introduces concepts like components, state, props, hooks, and virtual DOM.
JSX Syntax: JSX (JavaScript XML) combines HTML with JavaScript.
State Management: Understanding how to manage and update state
Wah, Hitesh Sir, yeh React JS video toh sach mein lajawab hai! 🌟 Aapki samjhane ka tareeka sach mein bahut saaf aur aasan hai, jo sabse mushkil concepts ko bhi aasan banata hai. Aapki shiksha mein itni josh hai ki har ek topic ko itni spashtata se samjhana sach mein prerna dene wala hai. Aap ek shandar shikshak hain aur aise anant developers ki madad kar rahe hain, jaise main, React JS ko samajhne mein. Aur aapki agle insightful content ka intezaar nahi ho raha hai! 👏💻 #ReactJS #HiteshSir
Thanx
Sir You are awesome ❤
Great Video
A really good video. Not everyone explains these things. Excited to learn react from you!!
Great Efforts sir is putting!! Hats off to you Sir!!
Completed 2nd video and understanding package.json and what is dependency also see different between create-react-app & npm create vite@latest❤
25:42 yes sir, we definitely want a readme template for our projects
your java script course was bestttt🧡🧡🧡🧡 looking forwaord for react
understood the structure of react file system very easily
NPM doesn't allow anything a package name for react, so follow this naming convention else you will see error.
NPM Package Naming Rules :
1. Package name length should be greater than zero
2. All the characters in the package name must be in lowercase
3. Hyphen - is allowed in the package name
4. Package name should not start with . or _
5. package name should not contain any spaces
6. Package name should not contain any of the following characters : ~)('!*
7. Package name length cannot exceed 214
Example > npx create-react-app my-sample-reactapp-1
high level teaching !!
kudos to you sir !
let's start this series with BANG! sir you are truly amazing.. your way of teaching is 🔥
Thank you, sir, for the informative video on React.
1 saal pehle react install kiya tha .par aaj kuchh samajh mein aa rha hai..thank you very much sir
Bhai mera ye git wala command nhi run hua git init????
@@RohitKumar-ns8bm tumne git install nahi kia hoga
Chai or React OP. Successfully Learned Js and starting React from Today. Hats off to youu Hitesh sir
Awesome ❤❤❤❤, Best teaching ever. Thank you for making it as interesting we don't even realise how much time has passed. 🎉🎉🎉😊
25:42 yes sir, we definitely want a readme template for our projects please!!
This kind of content I was in search of from very long time. Hats off to your efforts.
People like you will actually change the india
The way of learning react from you is very enjoying😊😊❤
BRO, lots of love from Pakistan . wonderful teaching leactures bro
best react js series ever on youtube big love from pakistan
Guruji aap ka padhane ka tarika bahut aacha hai
kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya
@@viholvishwassinh1709 jarur karna chahiye, nhi samajh aarha toh dobara dekho par jada bhatko mat
Wow, what a video, sir, I just learned this today, I've just started my day (Day 1)
Sir, I am Pakistani and we live in south Punjab our language is Saraki and in Saraki we say chass aa gaii, this means this video fulfills our doubts about npm and Vite.
This channel is Love #hitesh sir
Start from today hope so I would learn many more things from u sir
you will bro , watch his JS series , it's just like a magic
matlab bhaiya kya hi bataye what an amazing 🥰🥰 introduction. Finally after searching through many videos i was having simply the problem of running the react , and installation toh dur ki baat h .🥰
after finishing JavaScript ,Started learning React js with Hitesh Sir
someone please tell him his video series is already the best !! he doesn't need to say like , comment anymore !!!!!!
For someone learning REACT for the first time, go through the video twice..u wil get that
Pelhi Video se hi confidence dila diya aapne kaafi aache se samjhaya
i cannot pay you the fess, so i watch evey add on your channel, so good sir, you are absolutely best.