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

Using tqdm in python

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

Testing Medium

Reviewing the Basics of JavaScript ES6

Quick Recap of basic JavaScript

How I learnt webpack 3 and created a Jekyll and webpack boilerplate

Working with NPM & JFrog

state and props in React

The dev.to project with GatsbyJS-8

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 App with Final Space API — Tinder Style

How to create a React To-do App (CRUD) with Hooks (2022) — Part 3

This gif is part of the how to create a ReactJs to-do app using hooks in 2022. CRUD. Delete function

ReactJS Tutorial Part #4 ~ ReactJS Components

IntroductioReact JS