전체 글 (166) 썸네일형 리스트형 redux toolkit - API들 redux toolkit redux toolkit은 redux 로직을 작성하기 위한 공식 권장 접근 방식입니다. redux 코어를 둘러 싸고 있으며 redux앱을 빌드하는 데 필수적이라고 생각하는 패키지와 기능이 포함되어 있습니다. redux toolkit은 제안된 모범 사례를 기반으로 하여 대부분의 redux 작업을 단순화하고 일반적인 실수를 방지하고 redux app을 더 쉽게 작성할 수 있도록 합니다. redux toolkit 공식문서: https://redux-toolkit.js.org/tutorials/quick-start redux toolkit과 기존 redux 비교 기존 redux toolkit store생성 createStore configureStore action생성 상수와 생성자 함.. Redux앱(3) - middleware Redux 로깅 미들웨어 생성하기 루트경로에 있는 index.tsx 파일에 미들웨어를 생성하고 등록합니다. Redux Thunk axios 설치 npm install axios --save 위 명령어를 통해 axios 설치합니다. posts데이터를 위한 요청 App.tsx파일의 추가코드입니다. posts데이터를 위한 요청 보냈습니다. 에러가 굉장히 많이 나올 겁니다. 에러 나는 이유는 아래와 같습니다. Actions은 객체여야 하는데 현재는 함수를 dispatch하고 있습니다. 그러기 때문에 에러가 생깁니다. 에러 해결책은 아래와 같습니다. 함수를 dispatch할 수 있게 해주는 redux-thunk 미들웨어를 설치해서 사용하면 됩니다. npm install redux-thunk --save 이 명령어.. Redux앱(2) - ToDo 앱 추가 combineReducer - ToDo 기능 추가 현재까지 만든 카운트 앱에서 ToDo앱을 추가해보겠습니다. Reducer는 하나만 존재하지만 안에 여러개 sub reducer를 생성한 후 root reducer에 combineReducers하면 됩니다. interface Action { type: string } const counter = (state = 0, action: Action) => { switch(action.type) { case "INCREMENT": return state + 1; case "DECREMENT": return state - 1; default: return state; } } export default counter; 기존에 reducer폴더안에 있는 index.ts.. 이전 1 2 3 4 5 6 7 8 ··· 56 다음
