[Redux] Redux, Flux Pattern

Redux - 상태 관리 라이브러리

-> 컴포넌트끼리 상태를 공유할때 여러 컴포넌트를 거치지 않고 전달 할 수 있음 

 

Reducer? 

-> state 값 변경이 필요하면 action 발생 -> 변경하는 객체를 dispatch()의 parameter로 넘겨줌

=> Reducer 함수 실행

 

Action → Dispatch → Reducer → Store 순서로 데이터가 흐름 

=> 위 코드에서 Action 객체를 생성하고, Dispatch 함수로 전달한 뒤, Reducer 함수에서 Action 객체를 확인하여 상태를 변경하고,

이를 store에 저장 (state 업데이트) 

=> useSelector를 사용하여 store의 상태를 가져와 화면을 렌더링 

 

 

Context API가 Redux 보다 나은점?

 

전체 store 재 렌더링을 할 필요 없이 특정한 context만 렌더링을 하므로

최적화에 좋음!