리액트에서 컴포넌트 내부 함수 위치

Question

리액트로 컴포넌트를 작성하다보면, 해당 컴포넌트에서만 사용되는 함수나 hook이 생기게되는데요.
이 함수들이 너무 길어지면, 별도 파일로 분리하고 싶다는 생각이 강하게 드는 것 같습니다..

utils에 두기에는 유틸이라고 하기엔 너무 이 컴포넌트와 밀접하게 연관되어있어서 조금 아쉽고, hooks에 두기에는 공용으로 사용될 것도 아닐뿐더러 이렇게하면 과도하게 hooks가 많아져서 아쉽고.. AComponetFuncs라고 하기엔 또 애매하고.. 고민이 많아지네요.

관련해서 조언이나 찾아보면 좋을 키워드 추천 부탁드립니다. 다들 어떻게 파일로 분리하시나요?

김인후 · Answer

안녕하세요 사람 마다 하는 방식이 다르기에 뭐가 정답이랄 게 없지만 저는 react를 사용할 경우 view 파일과 logic 파일을 나눠서 logic 파일에서 필요한 함수 및 state 등을 props로 넘겨서 분리해 사용합니다.