ReactJS Tutorial for Beginners -4

JavaScript

Welcome to part-4 of the series. You can find part-3 here. We will learn about JSX first in the series.

JSX

JavaScript XML(JSX) is an extension to the JavaScript language syntax. Some feature are -
* Write XML like code for elements and components.
* JSX tags have a tag name, attributes and children.
* JSX is not a necessity to write React application.
* JSX makes your react code simpler and elegant.
* JSX ultimately transpiles to pure JavaScript which is understood by the browsers.

Component with JSX

We have been creating component in the previous part with JSX and we will again create one more with it.

We are creating a simple functional component Hello, with a div and h1 tag.

Hello.js

You can read rest of the article from my site. Link for the same is below.

https://thewebdev.tech/react-basics-4

This completes part-4 of the series. You can find part-5 here.