본문 바로가기
리액트/리덕스

Redux Toolkit

by 픠버 2022. 12. 24.

리덕스 리액트리덕스 리덕스툴킷

 
 
리덕스 툴킷이 주장하는 등장이유
1.설정이 많다
2.미들웨어 설치 해야해서 힘들다
3.반복되는 코드가 많다.
4.불변성 유지의 어려움이 있다.
 
 
작은 스토어를 슬라이라고 부른다
작은 스토어들을 합쳐서 리덕스들이 요구하는 큰 스토어로 리덕스 툴킷이 만들어 줄거다
 
작은슬라이스 카운터를 만든다
각각의 기능별로 슬라이스를 만들어서 하나의 스토어로 만들면 된다.
 
 
createSlice() 를 이용하여
 
Reducer,actionValue ActionCreator 를 한번에 구현할수있다
 
 
Ex)
const counterSlice = createSlice({
name: 'counter',
initialState,
reducer: {
addNumber: ( state, action) => {
state.number = state.number + action.payload
}
}
})

'리액트 > 리덕스' 카테고리의 다른 글

Redux  (0) 2023.01.03
styled component  (0) 2022.12.23
리덕스  (0) 2022.12.21
리덕스  (0) 2022.12.20
Redux  (0) 2022.12.17