# redux-toolkit

23개의 포스트

Redux-toolkit Login Process

react-native 에서 redux-tookit을 적용한 새로운 앱을 회사에서 개발중이다.간단하게 비디오를 찍고, 비디오를 업로드 하고 비디오를 렌더를 해주면 되는 앱이다.오늘은 전에 작성한 로그인, 가입 절차가 제대로 작동하지 않아서 여러가지로 시도를 하면서 di

약 11시간 전
·
0개의 댓글
post-thumbnail

Redux Toolkit :: createAction, createReducer, configureStore, createSlice

Redux를 보다 더 간결하게, 효율적으로 사용할 수 있게 도와주는 Redux Toolkit에 대해 알아봅시다🤓

4일 전
·
0개의 댓글
post-thumbnail

[Redux] toolkit- createAsyncThunk

createAsyncThunk는 3가지의 파라미터가 존재 문자열 action type 비동기 요청이 올 때 대표되는 액션 타입 constant payloadCreator 비동기 로직의 결과를 포함하여 리턴하는 콜백함수(근데 동기적인 것도 리턴할 수 있음)

2021년 5월 8일
·
0개의 댓글
post-thumbnail

[saga+toolkit] redux-saga와 redux-toolkit으로 비동기 처리 모듈화하기

지금까지 redux에 api 호출에 관한 데이터를 받을 저장할 때는 FSA 형식으로 redux-thunk를 사용하여 다음과 같은 방식으로 관리했다.예를 들어 posts의 정보를 state.posts에 저장하려면요청 -> post/getPosts요청 성공 시 -> pos

2021년 4월 30일
·
0개의 댓글
post-thumbnail

[완결] redux-toolkit-todo

redux-toolkit-todo 간단하게 만들어보기 - 완결

2021년 4월 29일
·
0개의 댓글
post-thumbnail

[#3] redux-toolkit-todo

redux-toolkit-todo 간단하게 만들어보기 - 3

2021년 4월 29일
·
0개의 댓글
post-thumbnail

[#1] redux-toolkit-todo

redux-toolkit-todo 간단하게 만들어보기 - 1

2021년 4월 29일
·
0개의 댓글
post-thumbnail

Redux Toolkit

Creating a slice requires a string name to identify the slice, an initial state value, and one or more reducer functions to define how the state can b

2021년 4월 22일
·
0개의 댓글

Redux toolkit 을 React에 적용하기 ep.2 (counter 예제)

CRA(create-react-app) +Typescript 위에서 redux-toolkit 공식문서에 있는 간단한 카운터를 따라해보자

2021년 4월 2일
·
0개의 댓글

Redux toolkit 을 React에 적용하기 ep.1 (설치 및 api 설명)

공식문서 참고https://redux-toolkit.js.org/introduction/getting-started\[링크텍스트](https://redux-toolkit.js.org/introduction/getting-started)맨날 redux랑

2021년 4월 2일
·
0개의 댓글
post-thumbnail

[redux-toolkit] state 초기화 / state 전체 내용 바꾸기

velog 트렌드에 있는 ✨갓로퍼트✨님의 Redux 꿀팁 글을 보고 몇 가지를 프로젝트에 적용해보고 있다. 그 중 하나인 redux-toolkit을 일부분 도입했다. redux를 사용하기 위한 여러 설정을 간편하게 할 수 있는 거 같아서 사용하려 했는데

2021년 3월 8일
·
0개의 댓글
post-thumbnail

redux/toolkit과 thunk 기본개념 연습

리덕스 툴킷과 청크 그리고 axios를 학습하면서 가장기본적인 POST, PUT, GET, DELETE를 테스트 해보았다. 지금까지는 내가 직접 data배열을 만들어서 프론트에서 직접 사용하였지만 이번에는 json파일에서 직접 보내고 받아오는 과정이다.기본개념을 빠르게

2021년 1월 27일
·
0개의 댓글
post-thumbnail

React와 Redux/Toolkit을 이용한 TodoList

기존에 진행했던 투두리스트를 리액트와 스타일 컴포넌트를 공부 한 후에 다시 만들어 보았다. 상태관리를 해주는 리덕스를 경험 해보고자하여 리덕스 또한 적용 하였으며, 리덕스 툴킷을 최대한 이용하고자 노력 하였다.reset css와 아웃풋을 잡아주는 css는 style폴더

2021년 1월 15일
·
0개의 댓글
post-thumbnail

Redux Toolkit 알아보기

오늘은 리덕스 툴킷에 대해 알아보자~! Redux Toolkit이란 사용이유 Redux Toolkit은 Redux를 더 사용하기 쉽게 만들기 위해 Redux에서 공식 제공하는 개발도구이다. Redux Toolkit은 아래와 같은 Redux의 문제점을 보완하기 위해

2021년 1월 7일
·
1개의 댓글
post-thumbnail

🧐 상태 관리 뭐로 할까? Redux, Context API, MobX (영문)

In layman's terms, global state management allows data to be passed/manipulated among multiple components easily (breaking the chain of passing-props-

2020년 12월 29일
·
1개의 댓글

Redux ToolKit With Redux Saga 리덕스 툴킷으로 리덕스 사가 사용하기

리덕스 사가란, 리덕스를 사용할 때 특정 리듀스 액션을 관찰하고 있다가, 그 액션이 실행 되면서 동시에 다른 행동을 취할 수 있게 해주는 함수 입니다.보통 백엔드 통신을 할 때 많이 사용합니다.리덕스 사가 이펙트함수란, call : 함수를 동기적으로 실행 all : 매

2020년 12월 20일
·
0개의 댓글
post-thumbnail

Redux-toolkit DarkMode (w_ emotion)

이모션이란, CSS in JS 형식으로, Javascript 파일 안에서 CSS를 설정할 수 있는 라이브러리 입니다. 왜 이걸 하냐면, React의 경우 자바스크립트로 (코드, CSS, HTML) 모든 것을 한번에 하는 것이 이상적인데 Html 태그안에 넣어서 css를

2020년 11월 11일
·
0개의 댓글
post-thumbnail

React + TS 환경에 Redux Toolkit 세팅하기

현재 회사 프로젝트에 MobX 를 몇개월 동안 쓰면서 잘 사용하긴 했는데, useObserber를 쓰고 싶지 않았던 점과, console.log 를 찍어볼 때 자꾸 Proxy 로 출력이 되어서, toJS 함수를 써야 한다는 점 등이 좀 귀찮게 다가왔다. 그리고 Reac

2020년 10월 16일
·
1개의 댓글
post-thumbnail

1. 기본 설정 및 mock data 활용🕺

현재 프로젝트에서 사용하는 데이터는 mock data 로 json-server 를 활용하여 구축스토어 ducks 패턴 활용참고 https://redux.js.org/introduction/getting-started - redux 공홈 https:

2020년 10월 1일
·
0개의 댓글