The Life-Cycle of a Composite Component

gistfile1.txt

/**
 * ------------------ The Life-Cycle of a Composite Component ------------------
 *
 * - constructor: Initialization of state. The instance is now retained.
 *   - componentWillMount()
 *   - render()
 *   - [children's constructors]
 *     - [children's componentWillMount and render]
 *     - [children's componentDidMount]
 *     - componentDidMount()
 *
 *       Update Phases:
 *       - componentWillReceiveProps(nextProps)   *only called if parent updated*
 *       - shouldComponentUpdate(nextProps, nextState)
 *         - componentWillUpdate(nextProps, nextState)
 *           - render()
 *           - [children's constructors or receive props phases]
 *         - componentDidUpdate(prevProps, prevState)
 *
 *     - componentWillUnmount()
 *     - [children's componentWillUnmount]
 *   - [children destroyed]
 * - (destroyed): The instance is now blank, released by React and ready for GC.
 *
 * -----------------------------------------------------------------------------
 */