Create react projects | chai aur react
Вставка
- Опубліковано 26 вер 2024
- Visit chaicode.com for all related materials, community help, source code etc.
Sara code yaha milta h
github.com/hit...
#react #series
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial
This series will definitely break all records❤🔥
indeed❤️
Haa
Namste react suna h 😂
@@gauravbisht504 namaste react is next level 🔥
@@akshayjain2777 what is namaste react
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
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.
"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!"
Most Interesting series with React
1. Most Beginner Friendly
2. Simplicity
3. Avoid Confusing Element "Hatao😂"
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.
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 UA-cam but looking at the overall industry experience Hitesh sir has undeniable talent and knowledge
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
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 🙂🤗☕️
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
You not only excel as a skilled teacher but also possess a remarkable and admirable personality.
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
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 👨🏻💻
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.
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
i would recommend this react course to anyone who wants to learn react.
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 🥰🥰❣️❤️
sir bina fees k itna behtreen content parha rahay ho lengthy videos say hamara he benefit hai. keep up the good work. 👍
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💗
Thank you sir .. aap bohot achche se samjhate ho guide karte ho keise karna haiin.. kya karna chahiye.. UA-cam 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... 😢
This would be epic. Thanks for your valuable efforts to empower people.🙏🏽
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.
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.
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 ❤
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.
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
Refreshed mind with Guru Dev ❤🙏🏻
@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.
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 🤣🤣✌️✌️
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
Please complete this series asap .... please because want to learn react before September..... internship season is there
Koshish puri rhegi
your teaching style is very very good, nobody else teach so detailed as well as so friendly manner
Thank you sir 🙂
Most welcome
Thanx
Sir You are awesome ❤
Great Video
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
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 💛
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
I've viewed videos on numerous channels, but the series by Sir Hitesh Choudhary is undoubtedly poised to set new records.
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
switching between two projects creates confusion.. but its good learning
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 🔥
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)..
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.
Very well explained sir, Thank you so much !
iss series ke videos dobara dekh le rahe hai jab tak naye videos nhi aa rahe jitna seekha hai vo bhi revise ho ja raha hai ... itna badhiya videos jab free me hai toh ku na dekhe ab dubara
Sir aapke lectures dekhne se ek deep knowledge and a sense of calmness aati ha
Thankyou sir!
nice explanation; very much needed
your teaching style is very very good, nobody else teach so detailed as well as so friendly manner
Thanx sir ,
you will be the pioneer for all students of code industry,
who taught like this.
The day I found "Chai aur code" in my youTube search.. it became my favorite channel. Thank you so much for this crystal clear content!!!
Completed 2nd video and understanding package.json and what is dependency also see different between create-react-app & npm create vite@latest❤
Wow, what a video, sir, I just learned this today, I've just started my day (Day 1)
💟 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 .
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 I watch today , 26 aug, dont worry once community knows u start react and mern they will came, huge community
This whole channel is Full-stack developer's heaven
Very Depth Analysis Thanks. Vite was new to me. This is the first time i am using vite
best react js series ever on youtube big love from pakistan
This is seriously some Cleanest Content on the Internet , Hatsoff chai aur HC , Lots of Love ❤❤🔥❤🔥
In vita
Create any folder ex. chaiwithreact
1 go in terminal
2 npm create vita and give project name and select
3 cd projectname and cleaning file
4 npm i
5 npm run dev
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
i really loved your javascript series now i am starting react thank you hitesh sir
So glad !! i found a brilliant educator like you :D
understood the structure of react file system very easily
11:32 Its not a Node Package Manager. Of course, it manages the packages but full name is not a Node Package Manager.
no one can beat your teaching skills and the way you explain..
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
This series is really helpful for learning React Js.
Great Efforts sir is putting!! Hats off to you 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.
You explain better than code with harry
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
Sir , Your code cleaning part was amazing. It gave me the confidence to explore code.
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.
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
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
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😊
i cannot pay you the fess, so i watch evey add on your channel, so good sir, you are absolutely best.
really love how you make things easier
kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya
Chai or React OP. Successfully Learned Js and starting React from Today. Hats off to youu Hitesh sir
someone please tell him his video series is already the best !! he doesn't need to say like , comment anymore !!!!!!
Chai aur react , both going very well
high level teaching !!
kudos to you sir !
Really Doing the Great Job for web developers, Thanks from Heart
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 .🥰
Awesome ❤❤❤❤, Best teaching ever. Thank you for making it as interesting we don't even realise how much time has passed. 🎉🎉🎉😊
Your teaching technique is very unique sir , Thank you 🥰
The way of learning react from you is very enjoying😊😊❤
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
Great series sir❤I also know basic react but don't know deeply, I started again react through this series ❤❤ great teaching sir❤ keep continue ❤
This series will definitely break all records
A really good video. Not everyone explains these things. Excited to learn react from you!!
Sir can't express what quality a and gem information you gave us, Just Love you🫂
This kind of content I was in search of from very long time. Hats off to your efforts.
starting to react after learning Django. Moving another step closer to Full stack development.
Really Amazing they way you deliver the knowledge.
kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya
Sir ji aapke samjhane ka tarika jabrdast hai 😊
25:42 yes sir, we definitely want a readme template for our projects please!!
your java script course was bestttt🧡🧡🧡🧡 looking forwaord for react
Awesome explation! Thankyou!! 💛