Javascript 51
Introducing Window performance API
Performance API provides helpful numbers to measure performance of a webpage. In this demo, “We will learn about performance API”. This performance object can be accessible using window.performance object.The following screenshot shows the object model of window.performance object. In the previous screenshot you can see 3 performance propertied memory,navigation and timing. The memory contains information […]
ReactJS ShouldComponentUpdate Life Cycle method
ReactJS component has 7 life cycle methods and has the callback for each phase of React component starting from loading to mounting to un-mounting. In this demo, “we will learn about shouldComponentUpdate lifecycle methods”. The following code chows the use of all 7 lifecycle methods of React component. import React from 'react'; class WeatherComponent extends […]
ReactJS Event Handling In ES6 flavor
ReactJS support event handling using SyntheticEvents. These synthetic events are wrapper around Browser event.This wrapper provides cross browser supports. In this demo, “We will learn to use synthetic event in a ReactJS component”. The following code contains MyButtonComponent in ReactJS.In its render method a button is assigned with a click synthetic event using onClick. This […]
create react app tool
In this demo, “We will learn to use create react app tool to create sample ReactJS project”. The create react app tool can be installed using npm install –g create-react-app command.The following screenshot shows the installation globally:- Now we can create react application using create-react-app demo-app command.The following screenshot shows the create-react-app command in execution […]