[React] 상태 관리?

상태 관리? 다들 생각하는 것처럼 변수의 상태 관리를 생각할 것이다. 최근에 개발 도중에 상태 관리 관해서 고민을 했었다.
고민 : 상태 관리를 Hook에서 상태 관리를 하는지 컴포넌트 안에서 상태 관리를 하는지 고민이 생겼다. 일단 필자는 컴포넌트, Hook 따로 관리를 한다.

-	Component
	- A Component
 	- B Component


-	Hooks
	- useAhook
	- useBhook

이런 식이다.
그러면 Hook은 어떻게 불러오는가?

import useAhook from "hook";

const index ACompoent = () =>{

const {fetchAPI, fetchAPI2} = useAhook();

}

이런 식으로 hooks에 API들을 정리하여 관리하고 있다.

중요한 건 이게 아니라, 이렇게 따로 분류하고 있다 보니 변수들도 넘겨서 상태 관리를 하고 있다.

import useState from "react";
import useAhook from "hook";


const index ACompoent = () =>{

const [state, setState] = useState();
const {fetchAPI, fetchAPI2} = useAhook({state});

}

이렇게 넘겨서 hook에서 state를 처리를 하기도 한다. 이 상태 관리를 하나로 통일을 하고 싶고 정리하고 싶은데 어떻게 해야 할까 고민 중에 있고 지금도 잘 모르고 있긴 하다. 하지만 개발하면서 확실하게 느낀 건 공통으로 사용되는 API가 있으면 상태 관리를 Hook에서 하는 게 맞는 것 같다. 근데 그게 아니라면 상태 관리를 컴포넌트에서 하는 게 맞는 걸까?

// hook
const [state, useState] = useState();

// component
const [state, useState] = useState();

그래서 일단 내가 내린 결론은
공용으로 사용하는 Hook이 있을 경우에 변수 상태 관리를 Hook에서 하고 아닌 경우에는 컴포넌트 안에서 상태 관리를 하기로 생각했다. 아직 뭐가 더 좋고 그런 건 잘 모르겠지만 좀 더 찾아볼 생각이고 개발하면서 내가 생각한 것 이외에 다른 것이 있지 않을까 싶다.