[Redux] 리덕스 데이터 흐름

🎯 Redux 데이터 흐름

📝 Redux 데이터 흐름

• 애플리케이션의 상태를 바꾸는 유일한 방법은 스토어를 통해 액션을 디스패치 하는 것뿐이다.
• 스토어에는 액션을 인자로 받는 디스패치라는 메서드가 있다. 스토어를 통해 액션을 디스패치 하면 모든 리듀서에 액션이 전달되고 상태가 갱신된다.
• Redux는 모든 state를 스토어에 저장한다.
• 컴포넌트끼리 데이터 교류를 하지 않고, 스토어를 통해 데이터 교류가 이루어진다.
• 디스패치로 state를 업데이트하고 subscribe로 state 변동 시 view를 업데이트시켜준다.

1. store.dispatch(action)을 호출
2. Redux store가 리듀서 함수를 호출
3. 루트 리듀서는 여러 개의 리듀서 결과를 combineReducers()로 하나의 state 트리에 합칠 수 있다.
4. Redux의 스토어는 루트 리듀서로부터 반환 받은 완전한 형태의 state 트리를 저장

 

📝 Redux 3가지 원칙

Redux는 단방향 데이터 흐름 앱 구조를 사용한다.

1. 글로벌 앱 state(상태)는 단일 스토어에 보관된다.
2. 스토어에 있는 state(상태)는 앱의 다른 부분에서 읽을 권한만 있다.
3. 리듀서 함수는 state(상태)를 액션을 통해 바꾸기 위해 사용된다.