Redux

state를 관리해주는 도구로 단일 스토어를 사용한다.

 

react에서는 props를 이용해서 하위 컴포넌트로 데이터를 계속 넘겨줘야한다.
노드의 깊이가 깊어질수록 복잡도가 높아지고 비효율을 발생시킴.

 

Redux의 데이터 교류

단방향 데이터 디자인 패턴인 Flux를 변형시켰음.
시스템이 action을 받았을 경우 dispatcher가 action들을 관리하여 단일 store의 state를 업데이트.
변동된 데이터가 있다면 view 리렌더링.
view에서도 dispatcher로 action을 보낼 수 있음.

dispatcher와 action을 이용하면 props를 이용해서 컴포넌트를 단계별로 거치지 않아도
데이터 관리가 가능해짐.

 

action -> dispatch -> reducer -> store update -> rerendering