React For Beginners #3 - Components and JSX

Welcome back to another react tutorial video! In this video, I'll be going over components and JSX. Specifically what a component is and how to create one and JSX syntax.

⭐️ Timestamps ⭐️
00:00 | Introduction
00:20 | What are Components?
02:15 | Creating Components
06:40 | JSX Syntax
12:00 | Importing and Exporting Components
15:08 | Class Based Components
17:27 | VSCode Auto Code Formatting

◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
💰 Courses & Merch 💰

🔗 Social Medias 🔗

🎬 My YouTube Gear 🎬

💸 Donations 💸
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️

⭐️ Tags ⭐️
- Tech With Tim
- React
- React Tutorial
- JSX
- Programming
- Components

⭐️ Hashtags ⭐️
#TechWithTim # ReactTutorial

[seanmcelroy]

Another way to conditionally render something is by using '&&' so {condition && <p>hello</p>}

[kvs]

Just woww! just woww! Every other trainer just intimidated me! he swayed through the parts so easily and nicely!

[asheavenst]

I wish this series will keep going on..
Tim explain everything that I should know

[zeroherocode]

Tim, greetings from Mexico. I really like your videos. You´re good man!

[saptarshichatterjee]

amazing video.... thank you tim...❤️💜. Helped me a lot.

[sabatsss]

Tim you are awesome 😍 Please upload more

[krishnaramasimha]

5th! Your videos are amazing TIm :) Keep the good work up

[jaym]

Would I be able to write react application by completing this 12 section course

[vijaykumarreddyalavala]

Please add this to the playlist which the first two videos are already added to

[kayashk]

tim your 90 min pygame video taught me python (at least what i need to get on the right track) ur the best

[blazi_]

Important tip : When you want to create a react file don't name it like script.js
Name it script.jsx, this means that your file is a react file and you can type jsx elements in it easily, I'll comment this into every next video because everyone should know this .

[bradmclean]

Sorry if this isn't an appropriate question here but my setup cannot find ./src/info.js. I have it done exacly as in the video. my filename is all lowercase though.

[ravisunariya]

Hi bro using macbook pro one issue ..when using left swift key ....it minimise to desktop...i am tired of this and i want to stop this minimisation of any programme while pressing left swift provide me a i tried so much but didnot found anything

[Scrany]

great tutorial. I have a question, is there any performance difference between "export default" or "export" or is it just the syntax you prefer to use?

[sloughpacman]

There is an advertiser on this video, I think he is called Pete Turd from LogicRoom. He claims that 'the React documentation is lying to you' . Surely Facebook could seek libel damages in the High Court?

[saiabhi]

whats happened to c++ tutorial tim waitong for the long time?

[tanmaygautam]

Select "React JavaScript" language in vscode not JavaScript

[amritmohan]

mine function info is not can i fix it?

[jaym]

I know I need to do router and hooks on a separate course

[binaprajapati]

Man your views are going down, support Him guys he is making such valuable content for us at 0 price