Understand the react flow and structure

In this comprehensive guide, we delve into the React ecosystem by dissecting two applications-one built with Create React App (CRA) and the other with Vite, a modern bundler. Understanding the file structure and workflow of these applications is essential for mastering React. We begin by exploring package.json, which serves as the index for your application, detailing its dependencies and available scripts. The video explains how React interacts with the DOM through React DOM and the differences between development and production modes. We also compare how Vite handles React applications with minimal dependencies, offering a cleaner and more efficient workflow. The guide emphasizes the importance of understanding the basics, from index.html to the JavaScript (JSX) components, ensuring you can inject React into any pre-built application or start from scratch. This knowledge will empower you to build, customize, and optimize React applications efficiently.
Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@pablom2274]

No, this is not a video about reactflow guys, F.

[@Ali-2812]

Such a high-quality of lectures for free. This series should be compulsory for all CS students to watch in every university.

[@khushalmajoka6072]

No sir, it's absolutely awesome comparisons between vite and cra that you have done. Liked it so much. 10:40

[@Phoenix-od2bp]

Hi Hitesh, thanks a lot for decluttering lot of react magic. Can you also please do a video on useful extensions and also summarise the rules for react app.

[@deadlylive_gaming7154]

amazing 🎉

[@krupalirao1894]

I promise myself to follow this series till Last..Thank you so much Hitesh sir for bringing this up 😊

[@abhishekvishwakarma3366]

This course is equallant to paid ones like Udemy and Coursera. This is superb, one hats off to you sir

[@pawankand]

That's interesting to know how react script works and how javascript is injected Precisely with classic app. Thanks a lot 😊👍

[@not_a_human_being]

Why would you call your video "understand the React Flow" if it has nothing to do with "React Flow"? Did you just invent a term "React Flow" and decided what it should mean? Lol, this is confusing as hell.

[@sheraz_razzaq]

Impressive Hitesh . I am just starting out with react and its awesome to learn form different teachers to grab different ways of working with React.

[@ishvarkanjariya2498]

Your presentation style is so engaging and informative. I've learned so much from watching your videos. Keep up the fantastic work!

[@khamartajkalegar3097]

Actually this is the best of all React Series we get from TH-cam. Thankyou Hitesh once again i am finding it very easy to understand the basic concept.
Your repetitive nature of explaining is simply the best.

[@shreyanshyadav8264]

can someone tell me what vscode extension he uses for the appearance of the vs code

[@AfOnlineClasses]

Hitesh I just like you sir keep pushing us through

[@ganeshv4724]

Really fed up with "Hey" kitna bar bolte ho yar

[@flamingo-ug3md]

Eternally grateful for your efforts sir ❤

[@abdulaminkhan3275]

thank you sir yr video like one stop solution

[@myst.youtube]

I think this is TH-cam Premium

[@AnkushSingh-rg6oe]

this is my 3rd lecture 😁 with chai

[@vedanth9419]

Enjoying the course

[@MDSabbirHosen-kd6nw]

wow, I'm impressed by your explanation

[@JnoobGodMode]

Better than meta's course

[@JuanOsvath]

thank you very much 🙏

[@sandip_kanzariya8476]

Awsome ❤❤

[@ManasKrMajumdar]

Sir how many videos will be there in the react series ?

[@nayanpatel1083]

I really enjoyed it.

[@hello-ITworld]

new subscribed and many more coming.... I like they way your approach and explain how things work and the comparision which is crucial..... Thanks!

[@GhansyamSahu-f1d]

Haanjii chai humne pilli hai ❤❤❤❤❤❤😊

[@Vikrant441]

🙌

[@thanigaivelkrishnan3804]

.

[@sakshiandhare8364]

best teacher

[@bhaskardixit1564]

I'm completing the videos after my work at 12 pm. It's very nice as I know from the course LCO. please post all essential concepts

[@VivoMobile-yg9zh]

thanks

[@binaymaity9191]

Awesome❤

[@zodrax]

01:10am 🕙

[@bhaskardixit1564]

Thank-you

[@samikhn97]

Lets gooooooo

[@she4573]

Love your videos the way you explain everything is great! Keep up the good work.

[@AnkitVerma-dj9dn]

Thank you for your all the efforts.. I did javascript and then react I am enjoying.

[@achuachu2565]

Sir i really like the way you explaining everything. this is the exact class i wanted. i want to learn everything in depth and you are giving what i need. Thank you so much. i will share your videos to my friends.

[@SudipBhattacharyya]

Excellent! You explained so beautifully!!! Thanks!

[@Wolf__1]

Really a great video and big thumbs up to this. Very detailed at the same time not boring. it's incredible!!!

[@Nitin.0202]

✅😇👍🏻

[@vishalrajput8231]

Sir I recenty watched your next.js series and curious about is there any project in which you use nextjs and appwrite

[@im_riyaj]

I was very excited to learn react and finally I'm here with one of the best teacher who makes the concepts like easy pisy....a big big thanks to hitesh sir♥

[@Bhaskarjyoti02]

Nothing was boring sir. Your teaching way is very good. Love you Sir❤❤

[@akshayborsaniya]

❤❤❤

[@RANDOM-ut8xx]

Exciting series from such basis till advanced ! ❤️❤️

[@rocktech2359]

Really loved this video the way you explain basics in detail. I think basic concepts behind the working of any language or framework is essential as it gives us a grip to create new methods from scratch without mugging them.

[@arkodeepchatterjee]

yes sir enjoying a lot. very helpful series. please complete full series asap

[@juanmacias5922]

A focus on the basics is what can help us grow the most, thank you! :D

[@king-virat-kohli]

Awesome hitesh. Gonna follow the full series

[@shyamsundartiwari7671]

Great explanation, great content so far!

[@AryRodny]

Thank you very much for this series. You are an amazing teacher.

[@PratibhaDadabhauShelke]

Its great video to understand

[@erranbahadurbk]

Awesome ad thank you

[@LearnAlongFaizan]

Great video and this person is a 💎

[@shirohinraj736]

its simple and super

[@aswanthnarayanan]

🤍🤍

[@AkhileshKumar-dg7tv]

Yeah we are enjoying

[@AshishSingh-he2qo]

🎉🎉🎉

[@vishwanatha6859]

Thanks Hitesh Sir!

[@Suraj.5260]

saw this video twice and still got a lot new things to learn. love the way u explain every small small things .ty

[@ji_02k]

Thank you so much sir for bringing this much new content.

[@HiteshCodeLab]

It's my pleasure

[@aakashdesai149]

#cfbr

[@madhummh77]

Great

[@VivekKumar-ru6wr]

loving the series so far

[@sriramvenkatesh]

I love your presentation and patience. I'm very grateful to you.