Create react projects | chai aur react

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

[@akshayjain2777]

This series will definitely break all records❤‍🔥

[@navinkumarsahu1159]

indeed❤️

[@kartikrajput2131]

Haa

[@gauravbisht504]

Namste react suna h 😂

[@akshayjain2777]

@@gauravbisht504 namaste react is next level 🔥

[@kartikrajput2131]

@@akshayjain2777 what is namaste react

[@yashwanthbm7543]

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

[@hruthikks1610]

25:42 yes sir, we definitely want a readme template for our projects

[@ajeetkumarrauniyar]

Yes, I also want the ReadMe template for our vite projects

[@travellingbytes]

❤

[@viholvishwassinh1709]

kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya

[@travellingbytes]

@@viholvishwassinh1709 try kro... next video dekho... ek baar react ka one shot dekh lo.

[@jaywantmanurkar3056]

@@viholvishwassinh1709 learn javascript first. then only you will know what is happening here.

[@Web_Dev_Kush]

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

[@vishalkumarchoudhary8497]

Most Interesting series with React 1. Most Beginner Friendly 2. Simplicity 3. Avoid Confusing Element "Hatao😂"

[@quickSilverXMen]

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.

[@shankaronline]

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! 🧡💯

[@MrRahul028]

absolutly

[@yupp_harish3936]

what about love babbar

[@shankaronline]

@@yupp_harish3936 He is also one of the finest tutors on KZbin but looking at the overall industry experience Hitesh sir has undeniable talent and knowledge

[@ijasbasheer7263]

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

[@chaiaurcode]

Thank you so much 🙂🤗☕️

[@learnerboy-kc9fd]

You not only excel as a skilled teacher but also possess a remarkable and admirable personality.

[@soniyaprasad77]

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.

[@soumadip_skyy_banerjee]

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 👨🏻‍💻

[@AIwithAniket]

Kitna bhi angreji sikh lo, padhne me maza mother tongue me hi aata hai ❤

[@codiosity]

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

[@vaibhavbarala5685]

Pucha kisine

[@codiosity]

@@vaibhavbarala5685 @AgraPolice !

[@mrigaanksharma5794]

​@@vaibhavbarala5685😂 But baat toh shi kha bhai ne East or west hindi is best

[@SujitKUmar-gy5xr]

Ya bro hindi is always best

[@Ful8128]

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!

[@viholvishwassinh1709]

kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya

[@WatchNotchK2S]

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

[@mohammadaftabansari6882]

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.

[@chaiaurcode]

I am like this almost everyday

[@vishnupillai6546]

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 ❤

[@user-cz3rw1jx5g]

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 🥰🥰❣️❤️

[@greenrose9245]

sir bina fees k itna behtreen content parha rahay ho lengthy videos say hamara he benefit hai. keep up the good work. 👍

[@swarashayman]

This would be epic. Thanks for your valuable efforts to empower people.🙏🏽

[@2151_Parth_Mahale]

i would recommend this react course to anyone who wants to learn react.

[@TheStickmanShow805]

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.

[@Spider-Man_67]

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.

[@S_A_T_Y_A_J_I_T]

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💗

[@nousad-ali-0]

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)..

[@vishalprabhu2363]

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.

[@gobindabarman8339]

Thank you sir .. aap bohot achche se samjhate ho guide karte ho keise karna haiin.. kya karna chahiye.. KZbin 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... 😢

[@rishikeshsingh4403]

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 ✌️✌️✌️

[@chaiaurcode]

vaise 1 aur ready h but kl krenge use upload

[@RohitChhabirajYadav]

Thank u sir ji🥰💗

[@rishikeshsingh4403]

@@chaiaurcode 🤣🤣✌️✌️

[@pseudoDragon-tn8cl]

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 💛

[@swadhindhara]

Refreshed mind with Guru Dev ❤🙏🏻

[@sumantabhattacharya9694]

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

[@rajsoni3015]

Please complete this series asap .... please because want to learn react before September..... internship season is there

[@chaiaurcode]

Koshish puri rhegi

[@aritrachakraborty7555]

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.

[@SweetTreatsDelight1]

starting today on 13-11-2023....will finish soon ☺.

[@vanshkumar-9042]

Finish kar liye bro...??

[@unccenored]

Finish date batao

[@729shuklaji]

😂​@@unccenored

[@shahmeerhumayun]

Lagta hai finish nhi ho paya bhai se​@@729shuklaji

[@Arnav404]

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

[@SanjuJana-pj6pn]

Thank you sir 🙂

[@chaiaurcode]

Most welcome

[@vloggerapnabhai]

I've viewed videos on numerous channels, but the series by Sir Hitesh Choudhary is undoubtedly poised to set new records.

[@BusinesswithRishav]

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

[@vaibhavdixit7262]

bro kaise hua tha installation kyuki filhaal mera ho raha hai problem🙂

[@yethinvutukuri6110]

exactly ... the installation part is so confusing am getting demotivated just by looking at the installation .

[@68karanyadav10]

​@@yethinvutukuri6110Use chatgpt bro

[@ankita716]

@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.

[@vishal_s583]

Loving your behind the scene explanation 💯

[@chaiaurcode]

Appreciate that

[@viholvishwassinh1709]

kya tum mujhe bata sakte ho ki mujhe ye series sharu karni chahiye ya nahi kyuki iss video mai to kuch samaj nahi aaya

[@saidurkhan1307]

your teaching style is very very good, nobody else teach so detailed as well as so friendly manner

[@gulrezeqbal3048]

Great series but want redux js also

[@chaiaurcode]

Vo b krwa denge

[@ImSRJY]

@@chaiaurcode Adhar card ki photocopy leke office pr ajao karwa denge kam se kam mai 😂😂 Btw sevage reply tha ye sir apka 🔥

[@arupgope2676]

doing react for past 1 year still learn a lot of new things from this video... Really this is the beauty of your course😃😃

[@Rishav786]

Sir I am to confused some people are saying do DSA and then DEVELOPMENT, what should we do

[@lakshyasadhwani9694]

Koi bhi ek cheez Krna chalu kr do. Ho jana hai. Chill hoke kro

[@soumadip_skyy_banerjee]

Start wid any one of them.

[@premsmishra]

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

[@himanshukhuranavz5543]

Thanx sir , you will be the pioneer for all students of code industry, who taught like this.

[@princeraj420]

[@nandana3706]

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!!!

[@soumelee5661]

your teaching style is very very good, nobody else teach so detailed as well as so friendly manner

[@chandrashekharrachakonda3790]

switching between two projects creates confusion.. but its good learning

[@MohammedHasmi577]

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😊

[@VishalKumar-cg8ue]

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

[@suraj_patwa]

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

[@AnjaliSharma-uc4ps]

I have found this tutorial best❤ thank you to provide us this beautiful content 😊❤❤❤❤❤❤

[@adityamaheshwari4250]

Sir aapke lectures dekhne se ek deep knowledge and a sense of calmness aati ha Thankyou sir!

[@mansibhonde527]

💟 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 .

[@MohammedHasmi577]

Completed 2nd video and understanding package.json and what is dependency also see different between create-react-app & npm create vite@latest❤

[@krishnarays6493]

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

[@indianentertainer9895]

This is seriously some Cleanest Content on the Internet , Hatsoff chai aur HC , Lots of Love ❤❤‍🔥❤‍🔥

[@praveen632]

I have learned JavaScript from Chai or Code, and it's really helpful

[@adilmian554]

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

[@HimilPrajapati]

Wow, what a video, sir, I just learned this today, I've just started my day (Day 1)

[@YogeshSharma-vk4rr]

By far the most basic to advance concept hitting theory's, beginner to advance content. Amazing it is...Just Amazing..

[@Nothing-eg9ol]

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

[@hamzasajid7973]

This whole channel is Full-stack developer's heaven

[@usama5619]

Thanx Sir You are awesome ❤ Great Video

[@Dev-Phantom]

Very Depth Analysis Thanks. Vite was new to me. This is the first time i am using vite

[@toheedulhaq146]

starting to react after learning Django. Moving another step closer to Full stack development.

[@Prakash-z8p]

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

[@sainaid]

let's start this series with BANG! sir you are truly amazing.. your way of teaching is 🔥

[@user-yq7nr5rq9o]

Sir I watch today , 26 aug, dont worry once community knows u start react and mern they will came, huge community

[@whoxwhat]

i cannot pay you the fess, so i watch evey add on your channel, so good sir, you are absolutely best.

[@parth_chovatiya]

11:32 Its not a Node Package Manager. Of course, it manages the packages but full name is not a Node Package Manager.

[@rafiashan8389]

Sir , Your code cleaning part was amazing. It gave me the confidence to explore code.

[@themonkspeaks299]

understood the structure of react file system very easily

[@joyguha7944]

no one can beat your teaching skills and the way you explain..

[@commandesktop]

I was here to learn redux toolkit but whenever i see any video i found myself lacking something and now i am watching from the start.

[@diptamoy12]

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 ❤

[@ManishYadav-go2jy]

someone please tell him his video series is already the best !! he doesn't need to say like , comment anymore !!!!!!

[@ranjeetprasad4586]

You explain better than code with harry

[@SubhanAli-ej1hj]

best react js series ever on youtube big love from pakistan

[@juhikumari-ex5wz]

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

[@Nagar2024]

Very well explained sir, Thank you so much !

[@iamseeker-99]

nice explanation; very much needed

[@tsk1217]

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.

[@levisplay6581]

your java script course was bestttt🧡🧡🧡🧡 looking forwaord for react

[@aniketsaini3279]

This series is really helpful for learning React Js.

[@aashishgupta1206]

25:42 yes sir, we definitely want a readme template for our projects please!!

[@random-xi8vt]

Awesome ❤❤❤❤, Best teaching ever. Thank you for making it as interesting we don't even realise how much time has passed. 🎉🎉🎉😊

[@Unplugged_sukoon]

Chai or React OP. Successfully Learned Js and starting React from Today. Hats off to youu Hitesh sir

[@AnjaliSharma-uc4ps]

The way of learning react from you is very enjoying😊😊❤

[@Everything4u265]

1 saal pehle react install kiya tha .par aaj kuchh samajh mein aa rha hai..thank you very much sir

[@RohitKumar-ns8bm]

Bhai mera ye git wala command nhi run hua git init????

[@anupdhakal69]

@@RohitKumar-ns8bm tumne git install nahi kia hoga

[@parth31patel]

2 yes sir, we definitely want a readme template for our projects

[@jyotdelvadiya0706]

Great Efforts sir is putting!! Hats off to you Sir!!

[@sumedhbvlogs]

hello sir Thank you for this wonderful series.

[@zen.ali238]

Sir can't express what quality a and gem information you gave us, Just Love you🫂

[@SyedFazalRahman-g7s]

For someone learning REACT for the first time, go through the video twice..u wil get that

[@spiderbhau]

i really loved your javascript series now i am starting react thank you hitesh sir

[@ashishgupta2124]

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 .🥰

[@kamalsethi8123]

Nice Tutorial. For others, if you are facing any problem while running the project, check your node version and if it is 20.6.0 I would recommend you to upgrade it to latest version then it will work just fine. Thank me later!

[@meetEkanshi]

Thanks, when I upgraded the nvm version then my vite project run successfully.

[@faizayousuf3448]

Start from today hope so I would learn many more things from u sir

[@Front_endgut-tm9cf]

you will bro , watch his JS series , it's just like a magic

[@raaina3611]

A really good video. Not everyone explains these things. Excited to learn react from you!!