Redux(3)

1. CreateStore

- redux로 부터 import
- 스토어를 만드는 함수

2. 예시

src > redux > store.js 우선 하기전에 npm i redux redux 설치

// store.js
import {createStore} from "redux";
import {todoApp} from "./reducers";

export const store = createStore(todoApp);

최상위 index.js에서 store 값 확인

// index.js
const unsubscribe = store.subscribe(() => {
    console.log(store.getState()); // ['밥 먹기], ['밥 먹기', '잠자기'];
})

store.dispatch(addTodo('밥 먹기'));
store.dispatch(addTodo(' 잠자기'));

unsubscribe();

1. store.getState()로 현재 스토어 값을 가져온다.
2. store.dispatch(액션 생성자)로 스토어를 갱신한다.
3. store.subscribe(() => {}) store값이 변경되면 .subscribe 콜백 함수가 호출됨.
4. store.subscribe 리턴값으로 unsubscribe()를 실행하면 더 이상 subscribe가 실행 되지 않는다.