React Fragment

In React, fragments allow you to return multiple elements in a component without wrapping them in a parent container. Why use React Fragment? In React when you render multiple elements…

Continue ReadingReact Fragment

React JSX

What is React JSX JSX stands for JavaScript XML. It is not a different language, it's a syntax extension used in React to define and describe the structure of React…

Continue ReadingReact JSX

Get started

In the Prerequisites chapter, we have seen that in order to build a reactjs application, we need to have Node.js installed in our system. So make sure that you have…

Continue ReadingGet started

ES6 in React

ES6, also known as the ECMAScript version 6. What is ECMAScript? ECMAScript is a scripting language which is based on specification and standardization by ECMA International Company in ECMA-262 and…

Continue ReadingES6 in React

Prerequisites

Before we start learning ReactJs and building our own app using it, we have to focus on some prerequisites. We must follow these prerequisites and go ahead. Prerequisites to learn…

Continue ReadingPrerequisites

Introduction

What is React? If we explain ReactJs in a simple line, It is an open-source JavaScript library, which is used to build user interfaces (UIs) and front-end web apps or…

Continue ReadingIntroduction

JavaScript Style

Setting inline styles To set the inline style of an element, you use the style property of that element: element.style The style property returns the read-only CSSStyleDeclaration object that contains a list of CSS properties. For…

Continue ReadingJavaScript Style