<Hooks 성능>

rendering이 변경되는것은 상태가 변경되거나 props가 변경될때이다.

 

useEffect

useLayoutEffect

useMemo

useReducer

 

react에서 Memo라고 하는것은 다 cache를 이용한다.(Object를 useEffect에 걸고싶을떄 useMemo를 쓴다고 생각하면 댄다)

 

hooks는 async를 걸면 안된다.

 

hooks의 특징은 상태가 변경되었을때 순서대로 실행시킨다. 항상 최상위에서 한번에 실행되어야 한다.

 

 

** 훅은 최상위에서만 실행가능하다.

 

react query는 함수가 계속 리랜더링하는 문제를 useEffect를 안써도 useQuery로 이런부분을 캐시했다가 해서 서버에 안가도록한다(일정시간)

 

1. 훅스는 컴포넌트 영역 안에서만 작동한다.

2. 기능은 따로잡자 (useEffect등..)

3. 훅은 항상 최상위에 있어야한다.