React Hooks

Hooks

useState

함수형 컴포넌트에서도 상태관리를 해야할 때

useEffect

리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 때 (componentDidMount랑 componentDidUpdate 합친 거)

useReducer

더 다양한 컴포넌트 상황에 따라 상태를 다른 값으로 업데이트 해주고 싶을 때

useMemo

함수형 컴포넌트 내부에서 발생하는 연산 최적화할 때 (렌더링 과정에서 특정 값이 바뀌었을 때만 연산 수행하고, 원하는 값이 바뀌지 않았다면 이전에 연산했던 결과를 다시 사용)

useCallback

useMemo와 비슷한데 주로 렌더링 성능 최적화 할 때 사용

useRef

함수형 컴포넌트에서 ref를 쉽게 사용하도록 해줌.

리듀서 (Reducer)

현재 상태와 액션값을 전달받아 새로운 상태를 반환하는 함수

• state: 현재 상태
• dispatch: 액션을 발생시키는 함수
• action: 업데이트를 위해 필요한 정보를 담은 것(type이 있음)