Course Content

  • Class based components

Course Content


Each React component has a lifecycle that you can track and alter throughout the course of its three phases. Mounting, updating, and unmounting are the three phases.

When you don't want React to render your state or prop updates, this lifecycle can be useful. By default, the component re-renders whenever setState() is used. The shouldComponentUpdate() method informs React whether or not a component is affected by state and prop changes.

The shouldComponentUpdate method allows us to exit the complicated react update life cycle without having to call it every time we re-render. The component is only updated if the props supplied to it change.

React provides hooks, which are methods that are called automatically at each stage of the lifecycle and provide you complete control over what occurs when they are called. You'll be able to successfully control and manipulate what happens in a component throughout its lifecycle if you have a thorough understanding of these hooks.

"Conceptually, components are like JavaScript functions," the React documentation says. They take any input (called "props") and produce React elements that describe what should be displayed on the screen." In other words, components return JSX, which is then used to change the DOM using React's virtual DOM.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere