[Redux Toolkit] 설치 및 환경 설정

리덕스 설치

yarn add react-redux @reduxjs/toolkit

 

store 구성

createStrore -> configureStore 사용

const store = createStore({rootReducer}); 이렇게 사용했었는데

const store = configureStore({
	reducer: {
    	key:value,
    }
})

 

action value, action creator, reducer 를 한번에 !

createSlice();

const counterSlice = createSlice({
	name: '',
    initialState,
    reducers:{
    	key : value // value 에는 함수
        addNum : (state)=>{  // 액션크리에이터 : 리듀서()=>{} 한번에 만들어짐
        	변경 로직
        },
        minusNum : (state)=>{
        	변경 로직
        }
        
    }
});


export const {addNum, minusNum} = counterSlice.actions; // 리듀서로 뽑아냄

 

export default counterSlice.reduce 로 내보낸다.