Redux에 대한 이해

Redux

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

개별 컴포넌트들이 각각 상태를 공유할 때 여러 컴포넌트를 거치지 않고 손쉽게 상태 값을 전달도록 함

 

Redux의 핵심 기능

• State : 데이터의 집합
• Store : state를 관리하는 장소로 객체 형식으로 저장
• Dispatch : reducer를 불러 현재 state에 action을 넘겨줌
• Reducer : dispatch로부터 action을 전달받아 state 변경
• Action : state 변경을 일으키는 객체 형식의 정적 데이터
• Subscribe : store 변경이 발생할때마다 dispatch 호출할 리스너 등록

 

Redux 사용이유

Redux는 Store라는 이름의 전역 자바스크립트 변수를 통해 관리

Redux를 사용하면 컴포넌트 간의 props를 통한 직접적인 데이터 전달 없이 데이터(상태) 전달 가능

따라서, Redux는 컴포넌트 간의 의존성을 낮추고 독립성을 높이기 때문에 개발 및 유지보수가 용이해진다

 

[참조]

https://ko.redux.js.org/tutorials/essentials/part-1-overview-concepts

https://velog.io/@yujo/React상태관리-라이브러리