redux/toolkit
1.리덕스 reduxjs/toolkit 기초
리덕스 툴킷은 리덕스를 이용한 상태관리를 좀 더 간결하고 쉽게 할 수 있는 라이브러리. 리덕스 관련 예제를 두번 정도 해봤지만 아직도 어렵다. 눈에 보이게 순서로 정리되어있지 않으면 나는 이해가 조금 어렵다. 리덕스 툴킷 기초 순서! 1. npm i 리덕스 설치해주기
2.react에서 redux를 사용하는 이유
부모 컴포넌트에서 props로 데이터를 전달하기는 쉽지만, 자식 컴포넌트에서 부모 컴포넌트로 데이터를 주기 어렵다. 그리고 부모--> 자식--> 자식의 자식 이렇게 데이터를 전달에 전달을 해야함..drilling 드릴처럼 뚫고 뚫고 뚫고 데이터를 전달해야한다.redux
3.react에서 redux를 쓸 때 왜 features라는 폴더를 만드는가.
"features"는 "slices"의 집합을 의미하는 용어이고,"features" 폴더는 이러한 "slice"를 그룹화하는 곳으로 사용한다.redux toolkit에서 createSlice함수를 사용하여 redux 상태를 관리하는 Reducer 함수와 Action 생
4.redux toolkit immer.js란?
리덕스 기초를 복습을 하고 있다.처음에는 쫓아가기 급급했고 나는 영어로 된 강의를 듣고 있어서 더 잘 들리지 않았겠지만 복습을 하다보니 들리지 않고 보이지 않던 개념 설명이 들어오기 시작했다. 그 중 immer.js라는 단어가 자주 언급된다는 것을 알았고, 가르치는 유
5.redux toolkit에서 prepare
리덕스 툴킷 기초를 복습하면서 나온 prepare.내가 강의를 듣고 이해한 바에 따르면, prepare은 slice내에서 reducer함수를 통해 상태가 업데이트 되기 전에 입력될 정보들을 미리 준비시켜주는 것.prepare 함수는 createSlice의 reducer
6.redux toolkit 비동기 작업을 도와주는 redux thunk
7.AsyncThunk - extraReducers
AsyncThunk는 extraReducers를 사용한다.Redux Toolkit에서 제공하는 메서드.비동기 작업의 상태 변화를 처리하거나 다른 액션들에 대한 리듀서 로직을 추가하는 데 사용한다.extraReducers는 Redux 리듀서에 추가적인 리듀서 로직을 정의
8.dispatch할 때 unwrap()은??
unwrap()은 Redux Toolkit의 createAsyncThunk 함수와 함께 사용되는 메서드.비동기 액션의 Promise 결과를 처리하기 위해 사용.unwrap()은 createAsyncThunk를 통해 생성된 비동기 액션 크리에이터에서만 사용가능하다. Ad