React 를 다루면서 최대한 재사용 가능하고 몸집이 작은 컴포넌트를 작성하려고 노력중입니다. 그런 노력 중에 하나로 React Hooks를 자주 쓰고 있는데요, React Hooks 가 완전한 관심사 분리(decoupling)은 아니라는 아티클을 읽었습니다. React Hooks 입장에서는 컴포넌트가 누군지 관심이 없지만 컴포넌트는 React Hooks로부터 전달받은(반환된) 값에 '의존'하기 때문입니다. 양쪽 다 완전한 관심사 분리를 원한다면 Render Props나 HOC 을 사용하라고 합니다. 두 방식 모두 컴포넌트가 props로 데이터를 받아 UI를 업데이트하는 방식을 취합니다. 순수함수의 특징- 로직 처리가 필요한 데이터는 외부에서 인자로 받고 동일한 인자면 반환결과가 동일함 -을 담고 있는 방식입니다. 두 방식 중 props를 넘기는 과정 또한 HOC에 맡겨서 개발과정에서 놓치는 실수를 막아줄 거로 보여 저는 HOC이 더 좋아보입니다. 여러분은 어떤 방식을 선호하나요? :)