[React] Redux 상태 관리

공식 문서를 보면 아래와 같이 나온다.

'자바스크립트 앱을 위한 예측 가능한 상태 컨테이너'

 

Redux는 여러분이 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고

테스트하기 쉬운 앱을 작성하도록 도와줍니다.

여기에 더해서 시간여행형 디버거와 결합된 실시간 코드 수정과 같은 훌륭한 개발자 경험을 제공합니다.

여러분은 Redux를 React나 다른 뷰 라이브러리와 함께 사용할 수 있습니다.

Redux는 매우 작지만(의존 라이브러리 포함 2kB), 사용 가능한 애드온은 매우 많습니다.

 

.......

---

학원 수업을 집중해서 들으면서 따라 적긴 했는데 이해할 순 없었다.

일단 대체 왜 Redux를 쓰는가부터 차근차근 짚어보자.

 

Redux는 무엇이고 왜 쓰는가?

결론부터 말하면 state의 관리가 편하기 때문이다.

 

 

리액트는 컴포넌트의 모음이고 컴포넌트끼리 공유하는 값은 props를 통해 부모에서 자식에게 흐른다.

컴포넌트가 몇 개 없다면 props를 통해 일일이 값을 넘겨주면 되지만

관리해야하는 컴포넌트가 몇 백개 몇 천개라고 생각하면 props를 통해 넘겨주는 것 자체가 일이 된다.

 

다음 물건을 사는 두 가지 방법 중 하나를 골라보자.

---

승객이 없어도 매 정류장마다 정차하는 버스

vs

원하는 물건을 주문하면 문 앞에서 배달 받기

---