여기에서는 Redux에 대해 정리해 볼 것이다.

1. Redux??

Redux는 useState, useReducer, 그리고 useContext와 같이, React에서 cross-component state나 전역상태 와 같은 상태의 관리를 용이하게 하기 위한 라이브러리 이다.

상태의 종류

1. Local State: managed by useState() / useReducer()
2. Cross-Component State: Requires "prop-chains"
3. App-Wide State: Requires "prop-chains" e.g. "user authentication"

여기에서 의문이 들 것이다. 아니, 이미 React Context가 있는데 굳이...? Redux를 써야 할까??? 써야 한다면 왜 써야 할까???

React Context의 한계

1. 복잡한 셋업이 힘들다. 여러가지 다른 Context를 관리하다 보면 콜백헬과 같은 Context헬을 볼 수 있다.

물론, 하나의 Context안에서 여러가지 State들을 모두 관리할 수도 있다.
⇒ 하지만 이렇게 된다면, 유지보수가 매우 힘들어 지게 된다.

1. Performance

   React Context는 업데이트가 잦지 않는 State를 관리하기에는 매우 좋지만, 그렇지 않고, 자주 변하는 데이터를 관리하기에는 좋지 않다.

이러한 React의 한계, 단점을 극복하는 것이 필요할때, Redux가 필요하게 되는 것이다.