1218 TIL Redux ToolKit

지난 Redux TIL

요약: action객체는 dispatch 메서드에 전달되고 dispatch 메서드는 reducer를 호출해서 새로운 state 생성

Redux 작동원리

리덕스를 사용하는 구조에서는 전역 상태를 전부 하나의 저장소(store) 안에 있는 객체 트리에 저장하며, 상태를 변경하는 것은 어떤 일이 일어날지를 서술하는 객체인 액션(action)을 내보내는(dispatch) 것이 유일한 방법입니다. 그리고 액션이 전체 애플리케이션의 상태를 어떻게 변경할지 명시하기 위해서는 리듀서(reducer)의 작성이 필요합니다.

사용법

redux toolkit사용 전에 <Provider/>
action객체는 리듀서를 호출해서 state를 변경할 수 있도록 호출한다.

slice에는 state,reducer,action가 들어있다.
그냥 redux에는 이들을 각각 분리해서 사용해야했다. 하지만 toolkit은 createSlice를 통해서
state,reducers,action을 하나로 정의할 수 있다.

createSlice객체 안을보면 name,initialState,reducers 키가 있다.
name은 서로다른 redux 저장소와 서로 다른 슬라이스를 구별하는데 도움이 된다.
initialStates는 초기상태를 정의한 것이다.
reducers는 case reducer함수를 포함하는 객체이다. 객체의 키는 상수를 생성할때 사용된다. 이 객체는 createReducer로 전달된다. reducers는 주어진 state를 대체할 수 있다.