Redux #1 vs ContextAPI

Park Taejoon·2022년 4월 3일
0

Redux

목록 보기
1/9
post-thumbnail

이 시리즈는 velopert님의 redux 강좌를 보고 정리한 내용입니다.

context API + useReducer 방식을 이용해서 전역상태를 관리할 수 있고 로직을 분리할 수 있다. 근데, 지금과 달리 contextAPI 사용이 불편하고 useReducer가 존재하지 않을 때 redux가 굉장히 편리함을 가져다 준 것이었다.
이제는 사실 redux를 사용하지 않아도 될 정도이지만 실무에서 대부분 redux를 사용하니 공부해두는 것이 좋겠다. npm trends를 확인해봐도 여전히 redux의 인기는 줄지 않고 있었다.

이전에 프로젝트 할 때는 규모가 크지 않아서 contextAPI를 이용했었지만, 이번에는 실무(큰 프로젝트)에 대비해야 하기 때문에 배워두는 의미도 있다.

Context와의 차이

  1. 리덕스는 미들웨어가 있다. 용도가 다양하지만, 비동기 작업을 더욱 체계적으로 관리가 가능하다.
  2. react-redux를 사용하게 되고 유용한 함수, hooks를 제공받을 수 있게 된다. contextAPI를 사용할 때는 connect, useSelector, useDispatch, useStore를 따로 만들어줘야 하지만 react-redux를 사용할 때는 제공 받아서 편리하게 사용가능하다.
  3. 필요한 상태가 바뀔때에만 리렌더링 되도록 최적화가 기본적으로 되어있다.
  4. context API는 기능별로 나눠서 상태를 관리하는데 redux는 하나의 커다란 상태로 다 관리하는 것이 필수다. 매번 context를 만드는 수거로움이 없다.
  5. redux는 아주 유용한 개발자 도구가 있다.

    프로젝트가 크고 비동기 작업을 자주하고 리덕스가 편하게 느껴지면 사용하는 것이 좋다.

0개의 댓글