Javascript 51

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 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 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 […]

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 […]