ruk·si

⚛️ React
Component Life Cycle

Updated at 2017-08-05 00:44

Component life cycle tested in React 15.6.1

- constructor
  - componentWillMount
  - render
    - [children's constructor]
    - [children's componentWillMount]
    - [children's render]
    - [children's componentDidMount]
  - componentDidMount

  Update Phases:
    - componentWillReceiveProps (only called if parent updated)
    - shouldComponentUpdate
      - componentWillUpdate
        - render
          - [children's constructors or receive props phases]
      - componentDidUpdate

  - componentWillUnmount
  - [children's componentWillUnmount]
  - [children destroyed]
- (destroyed)