configureStore, createSlice

configureStore

• redux

const store = createStore(reducer);

• redux toolkit

const store = configureStore({ reducer });

외관상으로는 함수만 바뀐 것 같지만, default 값이 추가 되었다.

=> devtool, middleware, preloadedState, enhancers

createSlice

• redux

const reducer = (state = [], action) => {
   switch(action.type) {
     case addToDo.type:
       return [...state, { text: action.payload, id: Date.now() }];
     default:
        return state;
   }
}

const store = configureStore({ reducer });
	

• redux toolkit

const toDos = createSlice(() => {
   name: 'reducerToDo',
   initialState: [],
   reducers: {
      addToDo: (state, action) => {
        action.push({ text: action.payload, id: Date.now() })
      }
   }
});

const store = configureStore({ reducer: toDos.reducer });

name과 initialState와 action 값에 따라 동작하는 부분까지 한번에 구현할 수 있도록 한다.