Redux를 쓰는이유

Academind에서 리액트 강의를 수강한 내용을 정리하는 포스팅입니다. 

---

https://redux.js.org/

Redux - A predictable state container for JavaScript apps. | Redux

Redux 는 리액트와 함께 쓸수 있는 상태관리 라이브러리이다. 

리액트로 앱을 만들다 보면 특정 컴포넌트에 있는 상태가 다른 컴포넌트에서 필요하거나 앱 전반적으로 요구되는 경우가 있다. 

물론 기본적으로는 props 로 넘겨주면 되지만 특정 컴포넌트가 너무 nesting이 깊게 되어있거나 할 경우 상태정보를 lifting 하는게 여간 힘든일이 아니다. 

그래서 기본적으로 리액트에는 useContext hook 을 이용해서 상태를한곳에 모아서 따로 관리 할 수있다. 

다만 useContext hook의 경우 상태가 자주변할 경우 Redux보다 성능이 떨어지거나  컨텍스트가 방대해져서 컨텍스트를 별도의 파일로 쪼갤경우 네스팅이 너무 깊어질수도 있다. 

특정컨텍스트가 이렇게 커져서 파일별로 나누게 되면....

프로바이더가 콜백헬과 비슷한 모습으로 자라날지도 모른다....

그래서 따로 빼서 한곳에서 관리하는 상태가 자주 바뀌거나, 크게 커질경우 Redux를 사용해서 상태를 관리 하는 것이 더 좋을 수 있다.