Components, Props and JSX in React | Sigma Web Development Course - Tutorial #106

➡️ English Subtitles are now up for all the videos!

python, C, C++, Java, JavaScript and Other Cheatsheets [++]:

►Learn in One Video[++]:

►Complete course [playlist]:

Follow Me On Social Media
Comment "#HarryBhai" if you read this 😉😉

[rahulpaul]

"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

[coolcyberlife]

Now I am a developer it's been 1 year but I started my career by your video

[muhammadrehmankhattak]

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

[ChinmayKaitade]

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❤

[codewithraghavsethi]

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

[workprabhsingh]

24:57 "recap kr lete hai if you are lost" hit personal 😂😂. BTW amazing session. keep it up. #sigmabatchop #JSXop

[HyperOfficialGaming]

"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

❤😻🧡💛💚💙💜

[dcsalim]

It's a million dollar content! guys so please toda sa support dikhao bhai ko 🙏

[sonalidash]

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

[areebnadir]

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.

[rabithapa]

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

[gouravbakshi]

This course is ultimate and bar is keep getting raised. And it is better than any paid course.

#sigmabatchop
#reactOp

[TMKOC]

This course is ultimate and salute to harry bhai's consistency. Thank you so much for this series.

[Hafijur]

🎯 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 `

[tarunboddeda]

Enjoying ur video....i love how much effort u have provided for making such wonderful content....

[RpForever]

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

[GauravRaj-bikg]

Sigma Batch op and plz create this type of content helpful for those who can't afford paid course

[ujjwalchoudhary]

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

[MuskanSingh-hs]

I love the energy level you have seriously, hats off to you . " God bless you dear "

[owaisahmadshah]

Watching CodeWithHarry is all fun... Bohot maza ata hy bhai k videos dekh kar time ka pata hi nahi chalta...