Redux

-상태관리 라이브러리이다.

-컴포넌트들이 props없이 state 공유가능.

store에 모든 state들을 모두 저장해두고 필요한곳에서 가져다가 빼서 쓰는 개념이다.

그래서 컴포넌트간 state공유가 편해진다.

-리액트의 데이터 흐름은 단방향이기 때문에 부모 컴포넌트 레이아웃 안에 존재하는 자식 컴포넌트들은 부모 컴포넌트의 상태를 props로 전달받게 됩니다. (부모 자식 관계의 컴포넌트가 계속 깊어질수록

state관리가 어렵고 가독성이 떨어질것입니다. 즉 과도한 props drilling이 발생할것입니다)

컴포넌트들의 데이터 교류의 복잡성 등을 해결하기 위해 효율적으로 관리하는 방법이 필요하고 그래서 리덕스를 사용하게 됩니다.

-주요 개념으로는 action, reducer, store, dispatch 등이 있습니다.
reducer는 변화를 일으키는 함수입니다.
store는 컴포넌트 외부에 있는 상태 저장소입니다.
dispatch는 액션을 발생시켜 스토어에게 알립니다.

- 추가, 삭제와 같은 각각의 액션타입을 정의합니다. 액션 함수는 각각의 액션 타입과 파라미터를 입력받아 액션을 객체 형태로 반환해줍니다. 상태의 변화가 필요해진다면, 디스패치가 액션을 발생시켜 스토어에게 알립니다. 스토어로 전달된 액션은 스토어의 리듀서 함수를 호출시키고, 호출된 리듀서 함수는 이전 상태와 액션타입을 파라미터로 전달받아 정의된 로직대로 현재 상태값을 변화시켜 변화된 상태를 반환합니다. 반환된 상태는 스토어에 저장됩니다.

 

 

 

---

참고한 블로그

https://kang-ju.tistory.com/entry/React-%EC%83%81%ED%83%9C-%EA%B4%80%EB%A6%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%EC%9D%98-%EC%9D%B4%ED%95%B4-Redux-%EB%8F%99%EC%9E%91-%EC%9B%90%EB%A6%AC

[React] 상태 관리 라이브러리의 이해 - Redux 동작 원리