리덕스 툴킷이...

리덕스가 어려운 점

설정
액션을 디스패치할 때 액션 크리에이터처럼 반복적인 코드
불변성 관리 (자스 지식 혹은 라이브러리)

툴킷
프로그램이 커질수록 스토어를 기능별로 관리 하고 싶어진다= 작은 스토어를 slice
작은 스토어들을 큰스토어로 알아서 만들어 주는 것이 configureStore({ reducer: })

자 그럼 createSlice 해보자
여기엔 name init reducers가 필요함 (reducer에 s 붙음!!!)
reducers에 액션 타입을 뭐 길게 쓸 필요없어
dispatch type은 각.. 함수? 의 이름이라 생각하고
step은 액션이야. 2씩 올려줌다

reducer에 s 붙는지 안 붙는지 잘 체크
왜 여긴 reducer 냐
up 말고도 down도 있을 수 있자너?
그걸 다 합쳐서 configure에 모아주면 되는거임

const store = configureStore({ reducer:
  counter: couterReducer.reducer
 })

이걸 provider로 연결 해줌

그리고 dispatch는 이제 어떻게 쓰냐?
<button onClick=({ type:counterSlice/up, step:2 })

근데 좀 귀찮지 않나?
리덕스 툴킷은 createSlice - reducers에 함수를 참고해서 자동으로 액션 크리에이터를 생성해줌다
그래서 이렇게 쓸 수 있음. 자동으로 생성된 actions를 쓸거면 payload로 받는 것이 약속 되어 있음.