리덕스(Redux의 간단한 개념정리)

Redux는 StateContainer이다.

---

State에 대해..
State 전부는 하나의 store안에 있는 객체트리에 저장된다.
store안에는 객체트리가 존재하고 State를 포함한다.
redux에서는 sotre안의 객체를 state라고 한다.
상태 트리를 변경(속성값을)하는 방법은 action객체를 인자로 전달하는 것이다.

---

React State와 Rdux State와의 차이점
리액트의 State와는 다른점이 있다.
React의 State는 정확히 렉시컬안에 존재함(useState안에)
React State를 바꾸는건 setState로 바꾼다.
Redux에서 State를 변경하는건 action이다.
action을 사용해서 인자로 전달해야한다.
Redux는 State를 직접 할당하지 말고, action을 통해 변경 해야한다.

---

Reducer란
action객체가 상태트리를 변경하기 위해서 reducers를 작성해야한다.
Reducer는 전역의 State를 변경하는 function이다.

---

Reducer의 형태
(state, action) => state

---

action 예시)
{ type: 'ADD_TODO', text: 'Go to swimming pool' }
{ type: 'TOGGLE_TODO', index: 1 }
{ type: 'SET_VISIBILITY_FILTER', filter: 'SHOW_ALL' }

state와 action을 함께 묶기 위해 reducer를 사용한다.
state와 action을 인수로 받아들여 state를 반환한다.

루트 리듀서는 분해되어 상태 키에 따라 n개의 리듀서를 작성할 수 있다. 상태 키는 액션객체의 type 키의 값이다. ex) type: 'ADD_TODO'

---

Store에 대해..
Store 안에는 3가지가 존재한다.
- state (속성)
- action(속성)
- reducer(함수이니 기능을 담당)

 

 

 

 

 

 

베타존 : 네이버쇼핑 스마트스토어