ES6
ES6: Spread syntax
Spread syntax (...) allows an iterable such as an array expression or string to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected, or an object expression to be expanded in places where zero or more key-value pairs (for object[...]
Chapter 4 – React : Real DOM and Virtual DOM
Differentiate between Real DOM and Virtual DOM. Real DOM Virtual DOM 1. It updates slow. 1. It updates faster. 2. Can directly update HTML. 2. Can’t directly update HTML. 3. Creates a new DOM if element updates. 3. Updates the JSX if element updates. 4. DOM manipulation is very[...]
Chapter 3 – React : Introduction of Hooks
Introducing Hooks Hooks in React are a new addition in Version 16.8. They let you use different React features from your components without writing a class. You can either use the built-in Hooks or combine them to build your own. What is a Hook? A Hook is a special function[...]
Chapter 2 – React Lifecycle
Life cycle phases in React components Every React component goes through the same lifecycle: A component mounts when it’s added to the screen. A component updates when it receives new props or state, usually in response to an interaction. A component unmounts when it’s removed from the screen. Mounting The[...]
ES6: Introduction
var vs let vs const In this article, var, let and const will be discussed with respect to their scope, use and hoisting. Normally in Javascript we create a variable like this. var x = "StatelyWorld!"; But in ES6 we can also create a variable like this. let x =[...]
Chapter 1 – React : A JS library for building UI
What is React JS? React (AKA React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces (UI) based on components by Facebook Inc. It is maintained by Meta (formerly Facebook) and a community of individual developers and companies. React can be used to develop single-page,[...]