The Component Lifecycle.

Article by kirupa

Components help us deal with properties, state, events, and often are responsible for the well-being of other components as well. Keeping track of everything components do sometimes can be tough. To help with this, React provides us with something known as lifecycle methods. Lifecycle methods are (unsurprisingly) special methods that automatically get called as our component goes about its business. They notify us of important milestones in our component's life, and we can use these notifications to simply pay attention or change what our component is about to do. In this tutorial, we are going to look at these lifecycle methods and learn all about what we can do with them.


Related resources

Mastering the React Lifecycle Methods

React provides a slew of lifecycle methods that you can override and inject your own logic at the right place. In this tutorial you will learn about the lifecycle of a React component from cradle to grave, what methods are available at each stage, and when it is appropriate to override them. [continue]

Article by Gigi Sayfan

What's new in React 16.3(.0-alpha)

React 16.3-alpha just hit npmjs and can be downloaded and added to your project. What are the biggest, most interesting changes? [continue]

Article by Bartosz Szczeciński

React.js Tutorial: React Component Lifecycle.

This tutorial gives you an introduction about React component lifecycle. [continue]

Tutorial by Codevoila

Understanding React — Component life-cycle.

React provides developers with many methods or 'hooks' that are called during the life-cycle of an component, which allows us to update the UI and application state. Knowing when to use which of them is crucial to properly understanding how to work with React. [continue]

Article by Bartosz Szczeciński