취준생인데 리액트 훅 분리시 가독성이 떨어지는 느낌입니다

Question

인강 따라하면서 리액트에서 자주 사용할 것들을 훅 분리하는 연습을 하고 있습니다. 그런데 훅 분리하고 나니 코드의 줄수는 줄어들었지만 훅과 컴포넌트간에 주고받는 인자들이 많아져서 가독성(?)이 안좋아진 느낌입니다.예를들면 http에서 fetch처리할 때 여기저기서 쓰이니까 훅으로 분리하면, 컴포넌트 내에서 막상 사용할 때 훅으로 전달해야할 인자들도 헷갈려서 왔다갔다 보게 됩니다.그리고 특히 http 처리 상태에 따라서 여러개의 플래그 상태변수들을 자유자재로 false와 true로 전환하면서 상태변수에 따라 화면에 렌더링해야하는 html요소가 다른데, 기존 훅과 컴포넌트에 긴밀하게 연관되어있는 상태변수들이 늘어나다보니 이젠 어디서 주고받는건지도 코드가 점점 헷갈려져요..이 부분은 아직 배우는 단계라 익숙치 않아서 그런걸까요? 잘 짜는 노하우 선배님들의 조언 부탁드립니다..

kenu,전독시 · Answer

sonarlint 플러그인 설치하면 인자 갯수에 따른 경고와 가이드가 나올 겁니다.

그렌리옹 · Answer

분리할 것과 안할것을 구분하는게 중요할거 같습니다 말씀하신 건은 굳이 안해도 기능 수행에는 문제가 없어보여요페이징 처리나 타이머 공식 계산 모음 이런것이 고려 대상이며디자인과 로직은 분리하는게 좋은거 같은게 제 개인적인 생각입니다디자인과 로직을 결합한 커스텀 훅은 안하느니만 못한 결과가 나올때가 많더라구요

취준생인데 리액트 훅 분리시 가독성이 떨어지는 느낌입니다

2개의 답변

Q&A 목록