Scribd
Upload
7 views1 page

React JS Basics and Best Practices

React JS

Uploaded by

aravind
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
7 views1 page

React JS Basics and Best Practices

React JS

Uploaded by

aravind
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

React JS – Up Grad Learning

Introduction
React is JavaScript library for building user-interfaces

React follows the concept of Virtual DOM, which makes DOM manipulation superfast and easy.

Babel

Webpack
webpack is a static module bundler for modern JavaScript applications

ESLint
Example - GitHub - airbnb/javascript: JavaScript Style Guide

Bundling and Minification


Bundling and minification are two techniques used to improve request load time.

Components
Independent and reusable piece of code that can be plugged in any place, anywhere.

Types – Functional vs Class Component.

Component name should start with caps letter to differentiate between normal HTML
code vs Component.

 You can maintain state only inside a class component .

 In any case, the return statement needs to be mandatorily written , no matter


whether you wish to return anything or not.

Terms
i. ES6 - Hoisting – It is a default behaviour of JavaScript which moves
declarations to top, but not initialization – it is applicable only when using var,
not of let, const (ES6).

Example:

[Link](x); → undefined [the code is run w/o issues as declaration of x is


hoisted but not the initialization]

Var x = 5;

You might also like