ReactJS Tutorial for Beginners -4

Image for post
Image for post
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.

Image for post
Image for post
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.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store