"Sir, this course is exceptional. Please don't assume people aren't watching it. You're covering so much valuable content, and it's not realistic to grasp it all in just two to three months. You're aware of that. We need time to fully comprehend and dedicate ourselves to it. I'm among those consistently following your videos, and I acknowledge it takes time. I'm watching your new videos, knowing I'll revisit them because I want to solidify my understanding of previous topics. So, please don't doubt the success of this course; it's truly the best course. i just feel bad whenever you say people are not watching it and people are loosing their energy noooo its not I'm not loosing my energy
🎯 Key Takeaways for quick navigation: 00:00 *🚀 Introduction to Official React* - Introduction to components, props, and JSX syntax in React. 00:36 *📁 Understanding Create React App (CRA)* - Explanation of the folder structure provided by Create React App (CRA). - How to use the folder structure and why it's beneficial for modern web development. 01:32 *🛠 Setting up a Basic React App* - Setting up a basic React app using npm commands. - Understanding the project structure and running the development server. 03:46 *🔧 Working with Function Components* - Exploring function components in React and their role in app development. - Emphasizing the importance of focusing on the function component's structure. 04:13 *📚 React as a library vs. framework* - React is a library, not a framework; it targets specific functionality. - Frameworks, like Next.js, provide everything required to create an app. 05:06 *🧰 JSX basics and rules* - JSX allows embedding JavaScript expressions inside curly braces. - JSX tags must be closed, and only one root element can be returned from a component. 06:54 *🏷️ Using className instead of class* - In JSX, use `className` instead of `class` to avoid confusion with JavaScript's `class` keyword. - This ensures clarity between HTML and JavaScript contexts. 08:17 *🛠️ Creating a navigation bar component:* - Demonstrating the process of creating a basic navigation bar component. - Using HTML tags like `
00:01 Introduction to Veet and its usage in creating React app 01:57 Creating a React app using JavaScript and modern tools 06:17 Using class name instead of class in JSX 07:53 Creating a navigation bar and explaining components 12:03 How to center a div using CSS 13:57 Styling with JSX and creating components in React 17:55 Using props and styling in React components 19:40 Understanding components, props, and JSX in React 22:55 Using props to pass data in React components. 24:32 Pass data as props and receive in another component Crafted byAI.
As we know harry bhai is #GOAT in Programming... Talking about this course, this course is totally free of cost as always and the quality of course is too good. Hat's of to you harry sir for such a valuable content. I request you friends please do share this course with your friends that they also will watch this and CodeWithHarry army will grow more fastely in this year❤ Features of Course👇 1. Absolutely Free of Cost Quality Content 2. Handwritten Notes for Revision 3. Projects Included 4. And Many Other things to Come... Ratings:- 5/5 ⭐⭐⭐⭐⭐ #SigmaBatchOp❤
Harry Bhai lots of love from Pakistan... Expressing my gratitude to you!!! your Sigma Web Development series played a pivotal role in securing my job. Thanks for your guidance, I've learned a lot from this and be able to secure a job. Thank you!"
"Sir, this course is exceptional. Please don't assume people aren't watching it. You're covering so much valuable content, and it's not realistic to grasp it all in just two to three months. You're aware of that. We need time to fully comprehend and dedicate ourselves to it. I'm among those consistently following your videos, and I acknowledge it takes time. I'm watching your new videos, knowing I'll revisit them because I want to solidify my understanding of previous topics. So, please don't doubt the success of this course; it's truly the best course. i just feel bad whenever you say people are not watching it and people are loosing their energy noooo its not I'm not loosing my energy ❤😻🧡💛💚💙💜
Harry Bhai apki ye hi bat sabse ache hai ki app apne course ko pura complete karte ho bhale se koi dekhe ya na dekhe. Bhai main ek saleman ki job karta hun but mujhe coding main intrest hai ajj apke free courses se maine bhot kuch sikha hai Thank You Bhai ! abb mujhe apne upper pura bharosa hai ki mujhe web dev ki job mil jaygi > padosi Moradabad
I have seen a lot of videos to understand the props concept, but this is the only video in which I got the concept, with the example. Thanks, Harry Bhai👍👍👍👍👍👍
Bhai ek hi to dil h kitni brr jitoge yrr ek hi playlist m sato janam le aoge bhai real m bht mst h next js aur le ana m sari dekhunga vid jo mujhe nhi ata hoga isi se Love u bhai ❤️
Thank you so much, Harray Bhai, for the incredible MERN Stack free course! Your generosity in sharing your knowledge is truly commendable. Your clear explanations and hands-on examples have been invaluable. Grateful for your efforts in making learning accessible to all. 🙏 #HarrayBhai #MERNStack #SIgmaBatchOP #ReactOP
Extremely Happy with this Harry Bhai. I have followed your previous react series. It is outdated now. I have been following this series from the first video and eagerly waiting for the react part to come. Thank you bringing. God bless you. #SigmaBatchOp #ReactOp #HarryBhai
this course is actually exceptional knowing us about how mordern web development is advancing by coving makin web pages with css javascript to short your code and easy way to deliver the web site is in itself a good experience Thankyou for this good amount of course #sigmabatchop #youalwaysrockharrybhai
Full stack web development course hoga and bhot majs aa rha h padne me thanks bhai maja aa gya and actual me koi iski price rhak bhi nhi skta ye bhit jyada valueable h coding me. Maja ane laga❤❤❤❤
WHOEVER IS FACING ISSUE OF COMPONENTS NOT SHOWING ON HOME PAGE. "The name of react component should start with a capital letter" eg -> Card.jsx card.jsx won't be detected For any other files like css , you can start with lowercase as well
hey harry follow karra hu kaafi year se. now finally i'm doing your sigma web devlopment course. i have lot of qustions. ki? Tumne kabhi apni team ......apni work profile k bre m discuss nhi kra? most of people jaan n bhi chahty honge. kya kya side works h? kya timing h? kya team work h? editor? n all things.
Hello sir 👋🏻 I am very happy 😃 of your course like 100 days of Python code and Sigma web development 💻 but I quit Sigma web development course 🎓 because exams 📚 are closer ⌛ so I quit for 1⃣ month. I will be back at one month and complete this epic course 💪🏻. I am in 11th class 🎓 so sorry for quitting 😔, I will be back.
I am learning so much vro thanks thanks thanks thanks. I really love your videos. I really enjoy every video u upload bro. Thank you so much. Hope you are doing well. (My brain is hanging right now 😅) Op bro op ❤❤❤❤❤❤❤ ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
11:11 अभी तक की वीडियो से तो ये लगा की nav bar करते वक्त जो करते थे वो ही करना पड़ा ,अलग से CSS file बनाकर कॉल करनी पड़ी।14:58 JS me style. Css link करते थे यहा import , लेकिन किया तो वो ही जो पहले की वीडियो में किया था nav बार बनाते वक्त।23:31 js मे class लिखते है यह classname।बाकी class की property तो लिखनी ही पड़ी।या css file मे लिखना पड़ा ,तो फर्क क्या हुआ,मुझे तो ये रिएक्ट कॉम्प्लिकेटेड लगता है ,unnessasary भीं।
harry bhaii but ek mistake aapne nhi bataii ki react me component bnaane time captal letter se start karnaa hota hai nhi toh voh nhi work karta eg, Footer.jsx not footer.jsx. , i have done this mistake that is why i am telling and thank you so much fo making such entire contents sigma web dev op
Harry Bhai it's an amazing course but I have one query that if we go this way then how bulky is our file system of app is there any way to reduce the files of app because as the files more it will be so hectic to move from one to another we want and also we have to import every file as we want
React OP bolte
React op
React OP
React op
Yehhh
React op ❤❤❤
Sir aap comment ka reply NAHI karte ho ??
"Sir, this course is exceptional. Please don't assume people aren't watching it. You're covering so much valuable content, and it's not realistic to grasp it all in just two to three months. You're aware of that. We need time to fully comprehend and dedicate ourselves to it. I'm among those consistently following your videos, and I acknowledge it takes time. I'm watching your new videos, knowing I'll revisit them because I want to solidify my understanding of previous topics. So, please don't doubt the success of this course; it's truly the best course. i just feel bad whenever you say people are not watching it and people are loosing their energy noooo its not I'm not loosing my energy
Yes I agree with you this course is exceptional !
same , like after learning express i needed to crate a fully fledged web app to understand how post and get request were working.
@@devanshupadhyay2658 yess
I finished this course in 2 months though and I'm going to repay harry bhai with the money I earned.
🎯 Key Takeaways for quick navigation:
00:00 *🚀 Introduction to Official React*
- Introduction to components, props, and JSX syntax in React.
00:36 *📁 Understanding Create React App (CRA)*
- Explanation of the folder structure provided by Create React App (CRA).
- How to use the folder structure and why it's beneficial for modern web development.
01:32 *🛠 Setting up a Basic React App*
- Setting up a basic React app using npm commands.
- Understanding the project structure and running the development server.
03:46 *🔧 Working with Function Components*
- Exploring function components in React and their role in app development.
- Emphasizing the importance of focusing on the function component's structure.
04:13 *📚 React as a library vs. framework*
- React is a library, not a framework; it targets specific functionality.
- Frameworks, like Next.js, provide everything required to create an app.
05:06 *🧰 JSX basics and rules*
- JSX allows embedding JavaScript expressions inside curly braces.
- JSX tags must be closed, and only one root element can be returned from a component.
06:54 *🏷️ Using className instead of class*
- In JSX, use `className` instead of `class` to avoid confusion with JavaScript's `class` keyword.
- This ensures clarity between HTML and JavaScript contexts.
08:17 *🛠️ Creating a navigation bar component:*
- Demonstrating the process of creating a basic navigation bar component.
- Using HTML tags like `
Now I am a developer it's been 1 year but I started my career by your video
How you get your first project and what did you done after it.
@@telebrains i am not freelancer i qualified an interview !
Can you tell us, which thing you have learn for job, pls
Dude without the degree you got job?
It's no achievement it industry is at ugliest stage, i sometimes start to think about selling Pani Puri or momose better 😅
00:01 Introduction to Veet and its usage in creating React app
01:57 Creating a React app using JavaScript and modern tools
06:17 Using class name instead of class in JSX
07:53 Creating a navigation bar and explaining components
12:03 How to center a div using CSS
13:57 Styling with JSX and creating components in React
17:55 Using props and styling in React components
19:40 Understanding components, props, and JSX in React
22:55 Using props to pass data in React components.
24:32 Pass data as props and receive in another component
Crafted byAI.
As we know harry bhai is #GOAT in Programming...
Talking about this course, this course is totally free of cost as always and the quality of course is too good.
Hat's of to you harry sir for such a valuable content.
I request you friends please do share this course with your friends that they also will watch this and CodeWithHarry army will grow more fastely in this year❤
Features of Course👇
1. Absolutely Free of Cost Quality Content
2. Handwritten Notes for Revision
3. Projects Included
4. And Many Other things to Come...
Ratings:- 5/5 ⭐⭐⭐⭐⭐
#SigmaBatchOp❤
Harry Bhai lots of love from Pakistan... Expressing my gratitude to you!!!
your Sigma Web Development series played a pivotal role in securing my job. Thanks for your guidance, I've learned a lot from this and be able to secure a job. Thank you!"
Bro, in which company have you got job
Is DSA important
Wow Yr congrats
"Sir, this course is exceptional. Please don't assume people aren't watching it. You're covering so much valuable content, and it's not realistic to grasp it all in just two to three months. You're aware of that. We need time to fully comprehend and dedicate ourselves to it. I'm among those consistently following your videos, and I acknowledge it takes time. I'm watching your new videos, knowing I'll revisit them because I want to solidify my understanding of previous topics. So, please don't doubt the success of this course; it's truly the best course. i just feel bad whenever you say people are not watching it and people are loosing their energy noooo its not I'm not loosing my energy
❤😻🧡💛💚💙💜
24:57 "recap kr lete hai if you are lost" hit personal 😂😂. BTW amazing session. keep it up. #sigmabatchop #JSXop
Harry Bhai apki ye hi bat sabse ache hai ki app apne course ko pura complete karte ho bhale se koi dekhe ya na dekhe. Bhai main ek saleman ki job karta hun but mujhe coding main intrest hai ajj apke free courses se maine bhot kuch sikha hai Thank You Bhai ! abb mujhe apne upper pura bharosa hai ki mujhe web dev ki job mil jaygi > padosi Moradabad
This course is ultimate and bar is keep getting raised. And it is better than any paid course.
#sigmabatchop
#reactOp
It's a million dollar content! guys so please toda sa support dikhao bhai ko 🙏
I have seen a lot of videos to understand the props concept, but this is the only video in which I got the concept, with the example. Thanks, Harry Bhai👍👍👍👍👍👍
Bhai ek hi to dil h kitni brr jitoge yrr ek hi playlist m sato janam le aoge bhai real m bht mst h next js aur le ana m sari dekhunga vid jo mujhe nhi ata hoga isi se
Love u bhai ❤️
Thank you so much, Harray Bhai, for the incredible MERN Stack free course! Your generosity in sharing your knowledge is truly commendable. Your clear explanations and hands-on examples have been invaluable. Grateful for your efforts in making learning accessible to all. 🙏 #HarrayBhai #MERNStack #SIgmaBatchOP #ReactOP
This course is ultimate and salute to harry bhai's consistency. Thank you so much for this series.
I love the energy level you have seriously , hats off to you . " God bless you dear "
Enjoying ur video....i love how much effort u have provided for making such wonderful content....
Extremely Happy with this Harry Bhai. I have followed your previous react series. It is outdated now. I have been following this series from the first video and eagerly waiting for the react part to come. Thank you bringing. God bless you.
#SigmaBatchOp
#ReactOp
#HarryBhai
Sigma Batch op and plz create this type of content helpful for those who can't afford paid course
Watching CodeWithHarry is all fun... Bohot maza ata hy bhai k videos dekh kar time ka pata hi nahi chalta...
this course is actually exceptional knowing us about how mordern web development is advancing by coving makin web pages with css javascript to short your code and easy way to deliver the web site is in itself a good experience
Thankyou for this good amount of course
#sigmabatchop #youalwaysrockharrybhai
Full stack web development course hoga and bhot majs aa rha h padne me thanks bhai maja aa gya and actual me koi iski price rhak bhi nhi skta ye bhit jyada valueable h coding me. Maja ane laga❤❤❤❤
Thanks Harry Bhai for not only this course but all courses and Videos you have done for us.Again thanks Harry Bhai❤️❤️
Sigma oppoppp
WHOEVER IS FACING ISSUE OF COMPONENTS NOT SHOWING ON HOME PAGE.
"The name of react component should start with a capital letter"
eg -> Card.jsx
card.jsx won't be detected
For any other files like css , you can start with lowercase as well
React OP...Thank you sir for awesome explanation
Very informative and easy to understand. One of the best tutorials on topic. Keep up the good work ❤
harry bhai you are the best teacher for web development
Sigma batch OP 🔥
One of the best teacher😎 in the world acc to me ☺
What a way to teach 🤌🏻
Love it ♥
Best Web Dev Course ever. Rating: ⭐⭐⭐⭐⭐. #ReactOP #SigmaBatchOP #HarryBhai
10/10 clarity of concepts, thnk u sir 🙏🙏
hey harry
follow karra hu kaafi year se. now finally i'm doing your sigma web devlopment course.
i have lot of qustions.
ki?
Tumne kabhi apni team ......apni work profile k bre m discuss nhi kra?
most of people jaan n bhi chahty honge.
kya kya side works h?
kya timing h?
kya team work h?
editor?
n all things.
React OP. Harry Bhai OP aur Sigma Batch bhi OP!
i start web dev. course from today harry bhaiya
Whoever wants Harry Bhai to create a Full Mern Stack project video , Please like and comment so that it reaches our Harry Bhai. 👇🏼👍🏼
SIGMA BATCH OP!!!! Thank you so much Bhaiya for this series!
React OP... You are magical.
harry bhau ki video ek number hai bhai sigma op bolte
very very easy explanation. I understood it completely. I first thought that reactjs will be hard but it is simple. Thanks to you!
#SIGMABATCHOP🎉❤
Lots of respect and love from Kolkata❤
I am 3rd year Bca student Thankyou for this react.js
Sigma Batch OP❤❤❤❤❤❤🤞🤞🤞🤞🤞🤞👍👍👍👍🔥🔥🔥🔥🔥🔥
Harry Bhaiya, this is the best course ever. when I get a job, i will definitely pay you, bhaiya
Thank You Harry Bhai for this incredible course for free.... to value Add in our life.
Maja aagaya harry bhai ye vdo dekh k bhaut kuch sikha
Best ja raha hai ye course great effort sir ❤
#SigmaBatchOp
Best teacher ever ❤
Hello sir 👋🏻 I am very happy 😃 of your course like 100 days of Python code and Sigma web development 💻 but I quit Sigma web development course 🎓 because exams 📚 are closer ⌛ so I quit for 1⃣ month. I will be back at one month and complete this epic course 💪🏻. I am in 11th class 🎓 so sorry for quitting 😔, I will be back.
Amazing harry ❤.... You are love 😍♥️
Your Course is best Harry Sir❤
I am learning so much vro thanks thanks thanks thanks.
I really love your videos.
I really enjoy every video u upload bro.
Thank you so much.
Hope you are doing well.
(My brain is hanging right now 😅)
Op bro op ❤❤❤❤❤❤❤
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Sigma batch op
Understand all the concepts of components
awesome i mean wow. if you really want to learn full stack this playlist is enough but if youu want to become a pro than you have to practice yourself
Amazing Content and i am learning much more from your videos ..thanks harry bhai keep it up .
Sigma op , harry op , dhingana op, maut daal dete op , kiraaakkkk op bolte❤
Sigma batch op , Maza aa raha hai boss
loved your energy!!
React Op Bolte Harry bhai Love from Aurangabad Maharashtra...
sigma batch op, and lots of respect for harry bhaii..
Best react tutorial in the universe ❤️ 🫡
Who are following this course from very first video till here write this 👇👇
Harry Bahi Sigmabatch OP , React OP.
sigma batch op, we love you Harry
Sigma batch wow🤗🤗 Harry Bhai Love you Bangladesh
HARRY BHAI NE mujhe 13 saal ki umra mai hi python aur js sikha di
Mujhe bhi main ab 16 years ka hu lekin harry bhai ki wajah se mai bahut acha programmer ban chuka hu... 😅 😅 😅
@@Custom-Tkinter Bhai harry bhai op bolte
@@keppubgpc Ekdum bhai
SIGMA BATCH OP HARRY BHAI...!!!🔥💙
now I know why we use react thanks harry bhai for this awesome video. #sigmabatchop
Ye playlist dekh ke frontend dev bana paka hai bass interview crack karna baki hai 😅
sigma batch OP Harry Bhaiya ji 🔥🔥🔥🔥
it was really worth watching.
Thank you Bhaiya..
Totally loving this course❤🎉
Aapka purana react ka video se Sikh rahe the
Tabhi aapne react Sigma ka video upload kar diye❤
sigma batch op 🔥🔥🔥🔥
sigma batch op ❤❤✨✨✨✨
React OP Harry Bhaiiiiiii
Love You Bro
Mast sikhaya yaar react js❤
#Sigma Batch Op & #CodeWithHarry Rocks 🤟👍
I have never seen before such like that course in free.
#SigmaBatchOP // Energy Level High Hai Bhaiyya
Thank You So Much For This Amazing Course❤
Thanks bro 🥺❤️ for helping us 🥺❤️
Harry Bhai is our lucky Bhai, React op ❤🎉
From this video i will start my MERN STACK journey. ❤🎉
Sigma Batch OP Live Long Harry Bhai
24:53 image ko bhi props ke through bhej skte hai??
Hai bhej sakte hai
Kyu ki woh bhi ek type ka data hai
Bhai Paid Courses ka Game Over 😂❤❤❤
Excellent video ❤❤
bawal hai bhaiya ji dil se dhanyawaad
sigma batch OP, energy level high
react js op,thanks a mllion for this course brother,love from Bangladesh
Sigma Batch ओपी 🔥
aree energy level jafi high he.keep it going..
Sigm BathcOP
11:11 अभी तक की वीडियो से तो ये लगा की nav bar करते वक्त जो करते थे वो ही करना पड़ा ,अलग से CSS file बनाकर कॉल करनी पड़ी।14:58 JS me style. Css link करते थे यहा import , लेकिन किया तो वो ही जो पहले की वीडियो में किया था nav बार बनाते वक्त।23:31 js मे class लिखते है यह classname।बाकी class की property तो लिखनी ही पड़ी।या css file मे लिखना पड़ा ,तो फर्क क्या हुआ,मुझे तो ये रिएक्ट कॉम्प्लिकेटेड लगता है ,unnessasary भीं।
can someone explain jab footer.css mei div pe style lagaya toh navbar pe kyu lag gaya ? hamne toh footer.css siraf footer.jsx mei import kia tha na.
14:06 how does the footer element moves to bottom with this css? Can anyone explain
Aaj se roj attendance lagegi bhiyya !
react looks tough initially,hope i could learn it from furthur videos
Thank you Harry bhai for this course
harry bhaii but ek mistake aapne nhi bataii ki react me component bnaane time captal letter se start karnaa hota hai nhi toh voh nhi work karta eg, Footer.jsx not footer.jsx. ,
i have done this mistake that is why i am telling and thank you so much fo making such entire contents sigma web dev op
sigma batch op and react also op and and harry bhai doub👌👌le op
You are great teacher ❤
Harry Bhai it's an amazing course but I have one query that if we go this way then how bulky is our file system of app is there any way to reduce the files of app because as the files more it will be so hectic to move from one to another we want and also we have to import every file as we want