We are describing some scenarios that involve tapping into the component lifecycle:
- You want to make a request to fetch the user's orders when you are ready to display the orders table (a component).
- You want to detect when a search field has changed to trigger a new search request.
- You are filtering a set of cities in the United States based on search in your
rendermethod. For performance reasons, you only want to render when the search field has changed. - You want to display a new flashcard on the screen but you want to use a CSS transition to make what's currently there fade out.
- You need to initialize a UI component from a third party (think Materialize, chart.js, d3) once it is loaded.
-
DidMount
-
WillReceiveProps
-
ShouldUpdate
-
WillUpdate
-
DidUpdate