redux

redux의 단점! 많은 코드양 Redux 팀에서 단점을 보완하려고 만들어진 패키지 redux toolkit Thunk, saga, immer 안써도 된다. 내장되어있다. 리덕스의 총집합 createSlice ,createAsyncThunk 두가지가 많이 사용된다. npm install @reduxjs/toolkit createAction 액션 creator함수는 간단하게 사용할 수있도록 해준다. // 변경전 const ADD = 'add'; const DEL = 'delete'; // action creator const AddTodo = (text) => { return { type: ADD, text } } const DelTodo = (id) => { return { type: DEL, id } ..

redux redux는 data 관리를 도와주는 역할을 하기위해 만들어졌다. store data를 저장하는 곳 첫번째 argument는 리듀서가 들어가고, 두번째(옵셔널)는 initialState가 들어간다 import { createStore } from 'redux' let store = createStore(reducer); store.getState(); 현재의 state를 전달해준다. store.subscribe(함수) store에 변화가 일어날 때(state값이 변경될 때) 자동으로 실행된다. store.dispatch reducer함수를 실행하기 위한 함수, 상태변경을 일으키기 위한 유일한 방법 Action 타입과 payload를 받는다. countStore.dispatch({ type: "..