redux - toolkit : extraReducers ? reducers ?

현재 사내에서 toolkit 사용하고 있었고
내부 설정인 extraReducers 와 reducers를 사용하고 있었다

redux toolkit 사용법

1. Redux Stroe 만들기

 - createStroe : store 생성
 - configureStroe : stroe 세팅 (thunk 미들웨어 포함 하고 있어 비동기 처리 가능하다) 

2. createSlice 로 action 과 reducer 생성

리덕스 앱은 상태트리 최상단에 combineReducres 함수로 결함한
rootReducer 객체를 가지고있다.
이객체에서 각각의 key/value 쌍을 slice 라고 하며
해당 slice 를 업데이트 하는 reducer 함수를 slice reducer 라고한다

Redux Toolkit에서는 createSlice 를 사용하여 action 과 reducer를 간단하게 생성한다

✨ immer의 produce 를 자체적으로 지원하기 떄문에 state 를
직접 변형 할수 있다

 immer : 불변성 관리를 쉽게해줌 (배열이나 객체를 업데이트 해야 할 때에는 직접 수정 가능)

• slice : rootReducer 객체의 가각의 key / value 쌍
• slice reducer : slice를 업데이트 하는 reducer 함수

본론으로 돌아와서

extraReducers ? reducers ?

extraReducers 와 reducers 는 createSlice 내부에 있는 프로 퍼티들이다 아래 와같이

const actionSlice = createSlice({ 
 name: 'action '   => '액션 타입 prefix' 
 initialState:[],  => 초기 state 값
 reducers: 
 extraReducers: 

참조 : https://maruzzing.github.io/study/react/Redux-toolkit%EC%9D%84-%ED%99%9C%EC%9A%A9%ED%95%9C-%EC%83%81%ED%83%9C%EA%B4%80%EB%A6%AC-1/