[React] React Hook

useState

state 를 바꾸는 훅 

 

useEffect

라이프사이클 훅을 대체할수있다
compoenetDidMount : dom 에 랜더가 완료된시점
compoenetDidUpdate : 컴포넌트가 업데이트 되고 난후의 시점
compoenetWillUnmount : 컴포넌트가 삭제되는 시점

 

 

라이프사이클 참조

https://www.zerocho.com/category/React/post/579b5ec26958781500ed9955

https://www.zerocho.com/category/React/post/579b5ec26958781500ed9955

 

useReducer

useState 의 확장판

 

 

참조 : 
https://goddaehee.tistory.com/311

[React] 7. React hooks[3] - useReducer란?

 

 

useMemo

메모이제이션된 '값'을 반환한다.
성능최적화를 위한 hook

컴포넌트가 랜더링될때 sum 이라는 함수가 계산된다.

하단 인풋에 값을 입력할때 setState 가 되면서 컴포넌트를 재랜더링 하기때문에

sum 함수의 계산도 불필요하게 재계산 하게된다

이러한 재랜더링시 불필요한 리소스를 줄이기위해서 useMemo 를 사용한다

useEffect 와 마찬가지로 함수뒤에 매개변수로 변경될 값을 넣어준다