Keeping Components Pure #

React에서 모든 컴포넌트는 순수함수입니다.

동일한 props에 대해서 동일한 JSX가 반환되고 함수 정의 블록내부에서 props, state, context 등의 외부 변수의 값을 mutate하지 않습니다.

React.StrictMode를 사용하면 개발 중 컴포넌트를 2번 연속으로 렌더링하여 외부 mutation의 발생여부를 확인할 수 있습니다.

컴포넌트 렌더링 중이 아닌 이후에 실행할 로직들을 통틀어서 side-effect라고 하는데, 주로 event handler 또는 useEffect hook으로 구현됩니다.