라이프사이클 이벤트와 함께 constructor()도 포함시켜 컴포넌트의 전체 라이프사이클의 실행 순서를 살펴보면 다음과 같다(갱신은 여러 번 일어날 수 있다).

• constructor(): 엘리먼트를 생성하여 기본 속성(2장 참조)과 상태(4장 참조)를 설정할 때 실행된다.

• 마운팅

- componentWillMount(): DOM에 삽입하기 전에 실행된다.

- componentDidMount(): DOM에 삽입되어 렌더링이 완료된 후 실행된다.

• 갱신

- componentWillReceiveProps(nextProps): 컴포넌트가 속성을 받기 직전에 실행된다.

- shouldComponentUpdate(nextProps, nextState): 컴포넌트가 갱신되는 조건을 정의해서 재렌더링을 최적화할 수 있다. 불 값을 반환한다.

- componentWillUpdate(nextProps, nextState): 컴포넌트가 갱신되기 직전에 실행된다.

- componentDidUpdate(prevProps, prevState): 컴포넌트가 갱신된 후에 실행된다.

• 언마운팅

- componentWillUnmount(): 컴포넌트를 DOM에서 제거하기 전에 실행되며, 구독한 이벤트를 제거하거나 다른 정리 작업을 수행할 수 있다.