고차 컴포넌트(HOC), 고차 함수 (HOF)

HOC

High Order Component
고차 컴포넌트는 컴포넌트로직을 재사용하기 위해 사용되고 컴포넌트를 가져와 새 컴포넌트를 반환한다. 즉 컴포넌트를 인자로 받거나 반환하는 함수

- 컴포넌트를 재사용하기 위한 기술.

컴포넌트를 취하여 새로운 컴포넌트를 반환한다

- Ref는 전달되지 않는다

ref가 prop이 아니기 때문. key처럼 React가 특별히 처리한다.

- React API가 아니다.

컴포넌트적 성격에서 나타나는 패턴일뿐.

컴포넌트가 UI를 props로 변환하는 반면, 고차 컴포넌트는 컴포넌트를 다른 컴포넌트로 변환합니다.

고차 컴포넌트는 Redux의 connect 나 Relay의 createContainer 같은 타사
React 라이브러리에서 흔히 쓰입니다.

HOF

High Order Function
고차 함수. 함수를 매개변수로 사용하거나 함수를 반환하는 함수.
예를 들어 자바스크립트의 filter(), map(), reduce() 함수도 고차 함수 개념이다.

일급 객체 (first-class object)

함수를 인자로 넘길 수 있거나 반환할 수 있는 함수.

대표적 고차함수

• map()
• filter()
• reduce()
• forEach

---

Ref

https://reactjs-kr.firebaseapp.com/docs/higher-order-components.html