Understand the react flow and structure

[@Tebzo]

learning: 1. when making components, always capitalize name(function). 2. file extension .jsx , bcz some libraries force us for that 3. return only 1 components

[@SumanPokhrel0]

Calm, To the Point and Quality Content . Thank you for these amazing videos.

[@chaiaurcode]

Glad you like them!

[@anshumanupadhyaycodes]

Hitesh Sir, after being 7 years in the industry, following your content is still contributing to my growth. Thank you for being there whenever i needed help.

[@AnishS-cp]

No content on KZbin matches your in-depth teaching skills sir ❤‍🔥

[@nawaz_haider]

not even Udemy ones

[@AnishS-cp]

@@nawaz_haider +1

[@soumadip_banerjee]

​@@AnishS-cp+2

[@Sumeshkumarback]

Code with Harry Bhai is in progress...😃😃😃

[@rdrenio]

+3

[@ImSRJY]

I request every single visitor to this channel, Please appreciate his hard efforts by subscribing to this channel as you can't get such precious tutorials even by paying high feeses in institutes. ❤🙏

[@chaiaurcode]

Sahi baat, sirf JS n react ke hi 1.5-2 lakh lagte h n fir b ye level mushkil h

[@ImSRJY]

@@chaiaurcode Certainly sir, We are truly grateful to you for this phenomenal content.

[@Only-Gaming775]

agree@@chaiaurcode

[@ShantanuSingh-nu7kv]

@@chaiaurcode maine kara hai aapka channel subscribe kaafi dino se. Aap heera ho heera😃😃😃😃

[@muhammadowais2873]

No doubt. You are 100% true

[@ishaan_tyagi]

Akshay Saini sir, Hitesh sir and Sheriyans coding school have made frontend and backend stuff so damn easy that too with depth.. Thankyou so much... We genuinely respect your efforts and knowledge... Please don't ever stop giving us these kohinoor level content...

[@chaiaurcode]

😊🙏☕️

[@legendsanimexy8217]

​@@chaiaurcode sir can you bring videos where you use django and react together to build projects ?

[@quickSilverXMen]

React ⚛flow and structure Intro 0:00 Start 2:01 React app project Project structure/ file structure 2:04 public/index.html 4:42 src/index.js 6:37 package.json 12:50 (important lines 11:30 to 14:48) React Vite project Project structure/ file structure 14:51 React app Project VS React Vite Project 16:36 Discussion React with Vite Project 17:55 Important byte for JSX 23:19 Discussion React with React app Project 24:40 Best practices in naming React component 29:57 (One Shortcut for reloading in VS code => in search bar type => '>reload' => select 'Developer: Reload Window' 31:19) Outro 33:18 conclude 35:23 Thank you.

[@Boyz-xy8fn]

appreciable

[@soumelee5661]

very nice thanks :)

[@MuhammadArslan-td9je]

😍😍😍😍😍

[@DJ-rb8vc]

React 😩😮‍💨 Chai aur react 😊😌

[@webmaker01]

Mai bhaut sare react course se pad chuka hu in youtube but itna detail me kisi ne bhi nahi smjaya bhaiya so thankyou very much❤❤❤❤❤❤❤❤

[@chaiaurcode]

Abhi to next video dekho

[@anshumananand9719]

No youtuber has ever provided such a quality content for free like Hitesh sir. Hats off to you sir. This is nothing less than a social service. I hope every student gets a mentor like you. You have proved that enjoying and learning can be done together. Completed the javascript course, made projects, struggled, watched videos again, struggled again, failed better and in last 3 months have made a lot of progress because of you. This channel is heaven for enthusiasts of computer science. Best wishes to you sir.

[@hariomfilms95]

Amezing.... aapki chai aur java script mene puri dekhi h jo aap bolte ho .. ki series esi ho jo saalo saal bhi dekhe to lage wah series ho esi... Thankyour sir ..... jaisa Teacher merko chahiye tha us se bhi uper ho aap.. ek dam crystal clear

[@Zed.h-y9m]

To be very honest , I start learning Frontend web dev back in january 2023 , I watch so many tutorials Paid Udemy courses , and much more I feel stuck at some point , i was like no this is not for me am not gonna be so good in this field, after discovering your channel on youtube , I followed your tutorials only a week ago , Atlest that feeling that i cant code is no more , Hats off to your content and your teaching style as well, thankyou so much for such a outstanding content ,

[@shubhamkumar-jq1qg]

Trust me I saw the react tutorial from almost every big youtube channel but none of them explained how the flow of code work from index.js to main.js and app.js but our hitesh sir explained it so smoothly and so nicely. It's hard to believe that we are getting such a great content for free. You have our respect sir. Hope and pray from God to give you all u wish to achieve

[@AbhishekMishra-gr5zk]

Let me share my experience recently I purchased a paid course but I can say that this course can beat any paid course out there in the market. I love the way you teach sir . Your teaching method is just amazing loved it !!

[@Tornadowave]

Thank you so much sir. Itne acche se to paid course mai bhi nahi pada rahe hai. Maine 60,000 rs ka course buy Kiya hai . Waha par koi bhi itne acche se explain nahi karta hai jaise aap karte ho. Thank you so much sir.

[@GurpreetSingh-gogsy]

This is really amazing. Even though I've been working with React for many years, I've never found this level of detailed information anywhere else.

[@farmanali6349.channel]

Learned About Some Best Practices Using React -> Name the component capitalize e.g App.js -> We can name both App.js & App.jsx but in vite development environment we have to use jsx -> We can return only one component by a jsx function so it's good to wrap in or -> Created our own component Chai.jsx rendered successfully This react series is recomended to visit and learn. Thanks

[@MohammedHasmi577]

Thank you so much hitesh sir❤. Here is my video summary => In react we will make our own custom tags (Eg ) => In vite it will directly inject main.jsx in index.html file => Vite is lightweight. => Remember that components name start from capital letters which is best practices❤. I am also try to help new one who start react from this series please like this comment so it will be on the top😊❤.

[@guptahariom]

Sir, I think you are the most exceptional IT tutor I have ever come across. Your technical knowledge and explanation style are unmatched, and even paid tutors aren't able to deliver such valuable information. 🙏🙏

[@ck0024]

*🚀Simple one rule:* 👉 Filename: Capitalize e.g. _Chai_ 👉 File Extension: Always _.jsx_ 🦉It doesn't matter if I return JSX or only Vanilla JS. It simplifies my coding life a bit.

[@soumadip_banerjee]

👌🏻

[@mrlord8519]

It's function name bruh

[@harshsharma0409]

i can't write h1 tag in chai.js,it shows property assignment expected

[@jeanishverma6898]

​@@harshsharma0409bro just change in the file (in chai.jsx ) at return syntax use bracket () instead of curly bracket { }

[@d4snky885]

File *******@@mrlord8519

[@ankitamaru9712]

Sir no one can match your teaching skills mastery. Never learn to react in such a great manner. Thank you sir 🎉🎉🎉🎉🎉🙏🙏

[@RizwanIbrahim-tk1vz]

I found an amazing and wonderful series, a good start, Highly Appreciated, Love from Pakistan ❤

[@shabbirmuffadal3294]

Last 2 videos were great explaination of how vite and cra works. I was worried what to use while watching the tutorial but hitesh bhai knows what is working in the market.

[@trader_sinturoy]

I request every single visitor to this channel, Please appreciate his hard efforts by subscribing to this channel as you can't get such precious tutorials even by paying high feeses in institutes.

[@rakibmondal4559]

Sir I was in class 12 with zero knowledge of coding , You are the first youtuber whose video I saw. I have downloaded you app back then. I regretted that time you didn't teach free . Now you are giving us these courses free of cost . Just one thing I want to say to you, Love you sir.

[@shwetalighadage152]

Wow, I'm truly impressed by your teaching style and depth of knowledge when it comes to React.js and JavaScript. Your explanations are clear and concise, making it easier for me to understand complex concepts. Your dedication to teaching and your passion for the subject shine through in every video. Thank you for sharing your expertise with the community; it's been incredibly helpful in my learning journey.

[@Priyanka-bd6um]

sir how beautifully you manage your job and 2 channels without compromise the the quality of anything, do everything consistently,....your are one my inspiration sir

[@akshayjain2777]

this series is and the content hitesh sir is delivering is far better then paid courses.

[@Gagan_Raghuwanshi]

वाह क्या Teaching Method है। ऐसे गुरू को मेरा कोटि कोटि प्रणाम 🙏🙏

[@sahilbani7020]

Thank you sir, this course is the best one on the internet. I hope your motivation to help us for free with such quality remain as it is. Learning a lot from you, thanks.

[@arpanyadav1]

The most valuable lesson I learned from this video, Hitesh Sir, is that even when code is properly exported, imported, and used, it may still not work due to issues like the import being blacked out or other unexpected problems. Today, I realized that following best practices can save a lot of time and stress. Thank you for sharing such insightful content!

[@ikramafgar313]

Thank you so much Sir G for this incredible tutorial! Your step-by-step explanation made it so easy for me to follow along and learn. I really appreciate the time and effort you put into creating this video. Keep up the fantastic work! ❤

[@Facegramdin]

#cfbr

[@JaiPrakash-o4i]

2 se 3 react ka turorial dekha jo baat aap me hai vo kisi aur me nahi hai thank u for this awesome tutorial ke liye

[@subhasish_vines]

Discussing the folder structure of Create React project and comparing it with Veet project 00:03 ✦ Understanding the structure of a React project 01:55 ✦ Understanding the React flow and structure 05:40 ✦ React creates a virtual DOM to compare with the real DOM and makes necessary changes 07:37 ✦ React Up is a function that returns HTML. 11:22 ✦ React scripts are automatically loaded by the browser and injected into the HTML. 13:37 ✦ Understanding React flow and structure 17:15 ✦ Create a new file in the source without keeping Chai and DotJS 19:04 ✦ Exporting and returning elements in React 22:27 ✦ Returning a single element in React 24:15 ✦ Import chai.js and understand its usage 27:53 ✦ Components in React can be capitalized 29:42 ✦ React is a library that enforces certain conventions and capital letter naming for files 33:00 ✦ Understanding React flow and structure Click to expand 34:31

[@MasudRana-sw9ft]

❤ from Bangladesh

[@pubglife3186]

Same here🖐️

[@lifeisrealty57063]

​@@pubglife3186same

[@harshitrajput1953]

I started learning react from code with harry He was teaching well but tutorial was very old there was various syntax which is already updated in react. Then I purchased course on udemy by Jonas Schmedtmann He is also a great teacher But chai wala or Hindi bhasa ka comfort Ritesh sir ke pas mila. Thanlyou

[@Horiyasiddique]

Vote for DSA in JavaScript 👇👇👇👇👇👇👇👇

[@speedyhussu]

DSA in HTML is important

[@kapilplays2127]

​@@speedyhussu ya with this we can easily get a job in Google

[@Vivekkumar-vu4kz]

guru ka darja jaise maine dsa me striver ko diya oise hi dev me aaj main aapko deta hu! great lecture guru ji !

[@machperiod6784]

Sir kitni chai 😢

[@Quadirider369]

one of the finest lecture i have ever seen ,last time i have liked any of your lecture was that of array in which you have explained each and everything along with spread operator

[@adarshbhutada2250]

One of the best tutor, I have ever seen!

[@sandeepkarukayil]

How beautifully everything was broken and simplified you are Great best content of react

[@dishajaiswal4783]

Completed this lecture. Sir you way of teaching is very fab. Currently I am in 4th year of clg and you become my one of the bestest mentor of life.....

[@deepondas5001]

Sir , I am student whole really loves Java but after following you i really fall in love with Javascript and completed the whole "Chai aur Javascript" Series in just One Week and now I just started this React Playlist.I don't know about other channels aur paid course but whatever I understand that is now I love JavaScript and ReactJS and I have the full confident that I can build projects on my own. Your effors are truly appreciated by me and my college friends. Thanks A Lot Sir.

[@shoaib_akhtar_1729]

Teachers like you can create new tech-skilled enthusiasts, great lecture to understand how react code flows from different files and it's file structure!❤

[@circlelikesphere7273]

Amazing content best part is that sir tech both react basic and vite that made me clear and know the difference between them .

[@SarveshKumar-bl9in]

Your teaching style in depth is absolutely gorgeous. actually I confused many things in react which is solved in this lecture . thank you so much .

[@WebCraft101]

thankyou sir apne padhne ka tareeka samjha diya aab samjh aagaya h ratne me or samjhne me kya difference hota h !! Thankyou so much

[@hardikparmar1804]

I am really glad to learn from this series, the best thing I observe is you explain things with reason which clears basic questions. Thanks for your efforts, loved it.

[@manemanoj3068]

It's literally an in-depth video ,maza aagaya...

[@thebeastguy6925]

Thankyou started it today , to be frank it is better than any other course available

[@arnavkumar4631]

Sir has Explained every thing in depth, best channel channel to start your react journey

[@balusekhar]

the way you explain the inner engineering is what makes you different from others. Thank you

[@adityaanand3429]

Best explanation man, today I got the clarification about how that script injected in the index.html file, I always had a question about that but no one clear that before Thank you

[@Pratikgabani]

Sir ji aapka vo error kaise tackle krna hai ye part mujhe bahut unique lga kyuki hr koi errors handling pe baat nahi krta ... So thanks to you for providing such quality content for free on .😊

[@riteshgarg3176]

Kitni asaani se topic samjhate ho aap, Maza aa gaya

[@pradeeppdsn]

0:04 I have subscribed because you make good content and you deserve it.

[@amit_c]

it's like eureka moment for me when things got so crystal clear You are GOD of Coding Sir.

[@shahidmanzoor2414]

I have never experienced this kind of teaching.. you did a great job Sir.. respect 👏👏👍

[@Afreenhussain03]

This man made coding so easy that I feel like a pro

[@nishanthadiga7278]

One of the best playlist and simple to understand the concepts. Teaching Speciality of Hitesh Bhai ❤...

[@manu0min]

Not everyone makes attempts to explain deeply, coz most of them fear if it's difficult to make them students understand (that will affect their channels reach)... But ur doing great.. keep up this ❤️

[@tanveergulzar4715]

Best Tutor of India. Love from Kashmir Sir🙂

[@saptathirtachoudhury4158]

This is next level clearing concept of react monster by Hitesh Sir

[@saptarshisinha1744]

Bas sir ruka nhi jaraha hai for the next video...itne acche explanation shayed paid course mein v na milta hoga...you are a gem sir for us ❤

[@nithenbains]

Amazing course with high quality content Thanks to you sir for this all the contents in free of cost

[@stmathematics7895]

thnku so much sir . ab lagta h react samajh aahijayega❤jaise javascript aagyi in a simple way❤ sir u are the best mentor in whole yt community😊😊

[@chaiaurcode]

React smjh b aayegi n project b bnenge

[@vikas4gstatus2621]

Sir apke jese teacher or video mil jay to 4 year ki jarurat hi ni job ke liye ❤ your video is best in KZbin

[@zahidaraeesi]

I am learning a lot from you. Thanks for making and uploading such useful videos for deep learners.

[@Tomandjerryloverrs]

May Allah reward you for this favour which you have made to us respected sir g

[@AbulHasanFarrukh]

mere mein chai.jsx wali file k output nhi aa rha browser pe...Can you help me?

[@improving_cow]

Guru ji you're great. Bhot maza aa rha hai inn tutorials ko dekhne mein.

[@chandajha1773]

what a teaching skill i alwys scared of react but know i think i can learn thanku so much for such kind od content god send you to me

[@ankitaggarwal8556]

Aapki video aise hoti ki mujh jaise poor students able to connect with you.

[@gowthamsrinivasan9285]

Sir , I know react but learning from you gives a new perspective

[@sanjeevgour2085]

Sir, whatever you have taught, I have understood very well, keep teaching like this sir.

[@VivekSolanki-v7b]

Thank you, Improving my skills with the series

[@vedantbaliyan589]

best explanation on react till now.. thank you so much sir

[@newshub3875]

I have no words to show gratitude to you. Just Amazing Sir. Live long and Stay blessed!

[@raushankumar6993]

Using a capital letter to start file names and the .jsx extension for React components are common conventions that help make your codebase more understandable to others and to yourself in the future.

[@raushanrawat620]

excellent explanation sir as always, The way you explain every complex topic in very simplify way is your X factor which i never seen in any other youtuber so very very thank you sir for creating this content for us 😍😍

[@anshuldigan5859]

literally this channel will become the best coding channel on youTube one day for sure

[@bgspradeep]

this is the best react series i have ever seen

[@anubhavray5987]

Truly very detailed and informative lecture.Thank You.

[@Onlinecode56]

wow mashallah frist time see tutorial channel like this so good way of teaching

[@jatin_9911]

thank you son much sir ♥ ♥ here after backend series

[@n-tunestudio149]

Best Quality Videos, Amazing Lectures Easy to Understand Love From Pakistan💚

[@zeeshan95ahmed]

Amazing, what a way of explaining. Love the teaching style.

[@abidalica]

This is really amazing, Love and respect from Pakistan Sir ji ..

[@HITESHKUMAR-px3nv]

This is the only channel where we get this such depth knowledge ... 🎉🎉❤❤

[@VishalYadav-kp5cp]

Thank you so much sir....react js ki sabse best series provide krne ke liye

[@KruelGodGaming]

coming here after JS series ..... the teaching quality has gone up and up and up 🏆

[@hardik....youknow1971]

Best in depth lectures sir hatsoff to your knowledge and efforts!!

[@MuhammadFaheem-p1m]

sir you are amazing, your teaching style is also amazing

[@webwithnasir]

Great Tutorial for Advance and Beginner Level Programmer

[@VishalSharma-rn7mt]

Awesome, best explanation Sirji Aap ki teaching next level ki hai amazing 😃

[@shashiKPD]

I love this video. It really helped me understand the low level workings of react. Thanks man

[@yuvrajs8080]

Thank you so much for creating such helpful videos! Your content on React has been incredibly useful for me. Keep up the amazing work!

[@amanmaddhesia120]

The way you explain the concept is awesome. Thanks a lot for this valuable react series.👌👌👋

[@mohdkashif2758]

Wow sir a great balance of theory and practical!!!

[@dineshshinde2116]

keep it in mind - 1. always used the Capital letter to name the component (components are nothing but the functions) 2.And if u are using it with the help of the vite then always give the ".jsx" as the extension

[@SambitSahoo-bp9zb]

Aaj se aap mere sir nahi mere bade bhai hai, kya padhate hai bhai waah