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.

--

--

--

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

敷 (Japanese Kanji) — spread, pave, sit, promulgate

JavaScript Date Object — What are Static Methods and How to Use Them?

PRDXN’s React Best Practices

How to send sound (wav/mp3) with React Native to Node server.

Fun Things You Can Build to Learn Your Next Framework

stringifyJSON and parseJSON

A Quick Approach to Mend SEO in Vue

Creating a Dev Container for TypeScript and VS Code — Part 2

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
Nabendu Biswas

Nabendu Biswas

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

More from Medium

REACT JS MASTERING GUIDE — Day 1: Introduction to React JS (Part I)

React JS and React JS Hooks

React Tutorial — Learn React in 5 hours