Free Shipping

Secure Payment

easy returns

24/7 support

Introduction to ReactJS

 July 14  | 0 Comments

This is the first article in a series on ReactJS – a JavaScript library (note: NOT FRAMEWORK).

Prerequisites

To work with React you need to have a good understanding of HTML, CSS, and JAVASCRIPT (preferably version 6 syntax). Before you start, ensure you have a recent version of node installed on your machine. To download Node, click here.

What is ReactJS

React is a JavaScript library that makes the task of building powerful and complex user interfaces easy. It is mostly used to build reusable UI components. It reduces the re-rendering of the DOM by using the concept of Virtual DOM. React implements one-way reactive data flow.

React can be used to develop single page web applications and mobile applications. It was built at Facebook to address some of the challenges associated with large-scale, data-driven websites. When React was released in 2013, the project was viewed with some skepticism because of its unique conventions.

Some of the companies that use react are Netflix, Yahoo, Facebook, Instagram WhatsApp, and Uber.

How to Work with ReactJS

To work with React you have to find a syntax extension to JavaScript called JSX, which looks like an XML tag (but is not). This syntax extension describes the look of the UI.

We will discuss JSX in the next blog.

const companyName= ‘Acadgild’; 

const element = <h1>Hello, {companyName}</h1>; //JSX

Sample code

For explanation of code, follow this series.

Environment Setup for ReactJS

1.Install Nodejs.

To check if node is installed on your machine use the command:

>