React - 공식문서[1-8] 컴포넌트 순수성 유지

순수함수란

순수 함수는 계산만 수행하고 그 이상은 수행하지 않습니다.

 

자신의 일에만 신경씁니다. 호출되기 전에 존재했던 객체나 변수를 변경하지 않습니다.

동일 입력, 동일 출력. 동일한 입력이 주어지면 항상 동일한 결과를 반환해야 합니다.

 

React는 이 개념을 중심으로 설계되었습니다.

React는 여러분이 작성하는 모든 컴포넌트가 순수 함수라고 가정합니다.

즉, 여러분이 작성하는 React 컴포넌트는 동일한 입력이 주어졌을 때 항상 동일한 JSX를 반환해야 합니다

 

순수함수가 함수형 프로그래밍에서 중요한 것은 아니다.
즉 순수하지 않은것이 잘못된 것은 아니다.
순수해야 할 때도 있고,
순수하지 못 할 때도 있다.
그런 것을 판단하는 것이 중요하다.

 

 

 

1.StrictMode로 순수하지 않은 계산 감지하기 

React는 개발 환경에서 각 컴포넌트의 함수를 두 번 호출하는 “Strict Mode”를 제공합니다. 

Strict Mode는 컴포넌트 함수를 두 번 호출함으로써 이러한 규칙을 위반하는 컴포넌트를 찾아내는 데 도움이 됩니다.

순수 함수는 계산만 하므로 두 번 호출해도 아무 것도 바뀌지 않습니다

double(2)를 두 번 호출해도 반환되는 값이 바뀌지 않고, y = 2x를 두 번 풀어도 y가 바뀌지 않는 것처럼 말이죠.

언제나 같은 입력, 같은 출력.