[react]리덕스(redux)

shw·2022년 3월 13일
0

리덕스는 리액트 생태계에서 가장 사용률이 높은 상태관리 라이브러리이다.

리덕스 언제 써야 할까?

프로젝트의 규모가 큰가?
Yes: 리덕스
No: Context API

비동기 작업을 자주 하게 되는가?
Yes: 리덕스
No: Context API

리덕스를 배워보니까 사용하는게 편한가?
Yes: 리덕스
No: Context API 또는 MobX

React에 리덕스(Redux)가 필요한 이유?


왼쪽이 우리가 기존에 사용하던 방식의 state 처리 방식이다.
한 번의 변경으로 수많은 상태 변경 과정이 이뤄져야 하며, 이 과정에서 불필요한 렌더링과 state 처리가 발생하는 경우도 존재한다.
이러한 방식이 오류가 발생하는 원인이 되며 흐름 자체를 파악하여 어디서 오류가 났는지 조차도 모르는 경우가 많다.

하지만, redux를 사용하는 경우, Reducer와 Store의 등장을 통해 이 과정을 매우 간편화 할 수 있으며, 복잡하고 어려운 상태 관리를 더욱 효율적이고 간단하게 변경할 수 있다는 장점을 갖는다.
크고 복잡한 프로젝트일수록 Redux를 사용하는 것이 큰 효율과 적은 오류를 가져다 줄 것이다.

<요약>
1. 리덕스는 복잡한 State관리를 단방향 데이터 흐름체계로 만들어주는 도구이다.
2. 구조가 간단한 경우, React만으로도 충분히 단방향 데이터 흐름을 사용할 수 있다.
3. 웹 구조와 흐름을 파악하고 설계과정에서 Redux의 사용여부를 결정하는 것이 좋은 애플리케이션을 구성하는데 도움을 준다.

출처 : https://velog.io/@youthfulhps/What-is-Redux-and-why-use-it
https://react.vlpt.us/redux/
https://devlog-h.tistory.com/26
https://c17an.netlify.app/blog/React/redux-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/article/

0개의 댓글