# redux-toolkit
[React] Redux Toolkit 이란? 🙄
Redux Toolkit? Redux Toolkit (RTK)은 Redux의 편리한 사용을 위해 무려 Redux에서 공식적으로 제공!하는 개발도구입니다. > 액션 타입 정의 -> 액션 함수 정의 -> 해당 액션의 리듀서 정의 기존의 Redux에서 하나의 액션이 추
[Redux] redux toolkit - createReducer / configureStore / createSlice
reducer를 더 간결하고 직관적으로 생성해주고내부적으로 state mutation을 용이하게 해주는 기능을 제공한다.(※ 특히 기존 reducer의 switch 분기처리를 대신하여 코드를 간결하게 구성 가능)switch-case 분기처리를 createAction 함
[Redux] redux toolkit - createAction
Redux에서 특정 기능들을 제공하는 packageRedux 코드에서 계속 반복되는 함수생성, switch 분기처리 등 이에 소요되는 반복도를 줄이고 코드를 간결하기위해 redux에서 제공하는 일종의 package(라이브러리)이다.action 전달 시 객체를 전달하거나
RN + TS 프로젝트에 Redux Toolkit 적용
Why Redux Toolkit? 프로젝트 적용 실습 1. 설치 2. store 파일 생성 (in src/redux/index.ts) 3. slice 파일 생성 (login.ts) 4.
React | 상태관리 : Redux
Single source of truth : store는 단 하나이며, 모든 앱의 상태는 이곳에 보관된다.Immutability : 상태는 오로지 읽을 수만 있으며 변경하려면 '모든 상태'가 변경되어야 한다. 재생성시에는 새로운 객체 혹은 새로운 어레이가 생성되어야 한
Flux 패턴 (redux)
Model, View, Controller고유한 목적이 있는 특정 섹션으로 나누는 것사용자가 서버에서 특정 페이지를 요청하는 경우 서버에서 모든 요청 정보를 특정 컨트롤러로 보낼 것 입니다!이 컨트롤러는 클라이언트의 전체 요청을 처리할 책임이 있으며, 나머지 서버를 요
RTK Query) 시작하기
Redux Toolkit Query 튜토리얼에 오신걸 환영합니다! 이 튜토리얼은 Redux Toolkit의 "RTK Query" 데이터 패칭 기능을 소개하고 올바르게 사용하는 방법에 대해서 간단하게 소개합니다.
.png?w=120)
TodoList & ReduxToolkit
회사에서 redux를 써야 하는데, redux를 내가 개념도 못잡고 있어서 생존;을 위해서라도 redux를 배워야 했다. 일단 Todo List는 최소한의 기능만 구현하기로 했다. 할일 추가 및 할일 삭제.text input에 글을 작성하고 제출하면 항목이 추가되고,
redux-toolkit reducer와 extraReducer 차이
공식문서에 보면 extraReducer는 slice.actions에서 생성되지 않은 action을 사용할 수 있게 해준다.extraReducers allows createSlice to respond to other action types besides the type
Redux-toolkit Login Process
react-native 에서 redux-tookit을 적용한 새로운 앱을 회사에서 개발중이다.간단하게 비디오를 찍고, 비디오를 업로드 하고 비디오를 렌더를 해주면 되는 앱이다.오늘은 전에 작성한 로그인, 가입 절차가 제대로 작동하지 않아서 여러가지로 시도를 하면서 di
Redux Toolkit :: createAction, createReducer, configureStore, createSlice
Redux를 보다 더 간결하게, 효율적으로 사용할 수 있게 도와주는 Redux Toolkit에 대해 알아봅시다🤓
[Redux] 바닐라 자바스크립트 리덕스부터 리액트 리덕스 툴킷까지
Redux for Beginners (Redux, React Redux, Redux Hooks, Redux Toolkit)
[Redux] toolkit- createAsyncThunk
createAsyncThunk는 3가지의 파라미터가 존재 문자열 action type 비동기 요청이 올 때 대표되는 액션 타입 constant payloadCreator 비동기 로직의 결과를 포함하여 리턴하는 콜백함수(근데 동기적인 것도 리턴할 수 있음)
[saga+toolkit] redux-saga와 redux-toolkit으로 비동기 처리 모듈화하기
지금까지 redux에 api 호출에 관한 데이터를 받을 저장할 때는 FSA 형식으로 redux-thunk를 사용하여 다음과 같은 방식으로 관리했다.예를 들어 posts의 정보를 state.posts에 저장하려면요청 -> post/getPosts요청 성공 시 -> pos
