ReactJS Tutorial - 8 - JSX

📱 Follow Codevolution

JavaScript XML (JSX) is an extension to the JavaScript language syntax. With React, it's an extension to write XML-like code for
elements and components. And just like XML, JSX tags have a tag name, attributes, and children.

[dasojushiva]

dude... I am halfway through the video and I already like the way that is being explained, though am a newbie... it was very clear to me. initially, i thought JSX pros all are like complicated things to learn... but I know there are smart people like you who made the world so beautiful.

[PadmanabhRudrawar]

I am truly grateful that you have created these videos. These videos are relevant even in 2024, i.e. 5 years since its inception. On top of that, these are all free. I wish to see each and every video related to React as my current job requires me to be good in React. I wish to do something for Codevolution as a token of gratitude. Let me know if there is a way to contribute 😇

[adetolasanni]

Great tutor ever you took your time and energy to explain every bit of the course. Thank you so much.

[noahqyain]

I JUST love how enthusiastic Desi people are about their tech careers. It is kind of cute how they run to make videos and are prideful of their knowledge unlike no other culture or ethnicity in the world TBH. They are probably the most cognitive of the mediocre knowledge needed to work in technology and the pay out being greater than the required input in man hours to learning such information.

[uodige]

another easy-to-follow tutorial, I am so glad I am improving my React skill thru these tutorials!!

[krisssachintha]

Super understanding tutorials, now i like to work with react js, thanks for good content

[CANIHAZURDREAMSPLS]

This answered many questions for me! Great video!

[poojaguru]

Your videos are the best ever! Glad i found your channel.

[karthiful]

awesome tutorial series, Thanks Vishwas.. following

[colindante]

With such an awesome tutorial the least I could do is subscribe. )) Thankyou for such a clear explanation. )))

[viveks]

Instead of nesting the Createelement function, 'return React.createElement('div', null, <h1>Hello Again</h1>)', This works perfectly fine.

[ricklove]

man this is so helpful. keep up with the good work.

[SpiritualManish]

Thank You for such a nice tutorial series Vishwas. I am using react 17.0.1 and I don't need to import react in functional components.

[KOSAMAGAMES]

doing the second one threw me back in time.

[kalmi_riding]

So if I understand well, our previously created Welcome and Greet component returned with JSX, right?

[alvinrobert]

Really ur way of teaching really awesome 👍👌👌

[kirankamath]

The reason why we imported React from "react" was clearly understood Sir, thanks for that.

[richardmartyns]

I started learning react here, hope am on the right track and there is no new changes

[uniquezay]

Hello Vishwas, why the code didn't work as it should at 5:16 was because the <h1>Hello Vishwas</h1> was inside of a quote, I wrote it without the quote and it worked.

[JohnDoe-rjkf]

what is the difference between the .js or .jsx extenstion when writing the react component ?