# createSlice

10개의 포스트
post-thumbnail

redux와 Redux Toolkit (rtk)

Redux Toolkit을 사용하여 redux를 쓰는 방법을 간단하게 알아보았다.

2022년 5월 7일
·
0개의 댓글
post-thumbnail

@reduxjs/toolkit

@reduxjs/toolkit 패키지를 통해 React에서 redux 사용하는 데 조금 더 편리한 기능들을 제공합니다.

2022년 3월 14일
·
0개의 댓글
post-thumbnail

react-redux 의 createAction, createReducer, createSlice 사용법

createAction(링크)공식문서 세부설명 자료(링크)좀더 자세한 다른분의 최신 설명 자료 링크(클릭)import { createAction } from '@reduxjs/toolkit'; 기존함수createAction을 이용한 변경된 코드액션 함수를 지우고 간결화

2022년 3월 13일
·
0개의 댓글

Redux Toolkit (리덕스 툴킷)과 createSlice()

Redux Toolkit(리덕스 툴킷)이란? Redux 를 더 쉽게 사용하기 위한 도구 기존 Redux의 여러 문제점을 보완해줌 Redux 의 문제점 무수한 보일러플레이트 코드가 필요함. 액션 타입, 액션 생성 함수, 액션별 리듀서를 각각 정의 하는 방식 리덕스 스토어 환경 설정 복잡함 상태관리를 위해 만들어야 하는 파일이 많고 복잡함 패키지를 많...

2022년 2월 7일
·
0개의 댓글
post-thumbnail

Redux - ReduxToolkit

리덕스 툴킷은 어떻게 사용할까? 기본적인 예제

2021년 12월 6일
·
0개의 댓글
post-thumbnail

createSlice(redux-toolkit)를 이용하여 간단하게 action과 reducer 사용하기

리덕스에서 가장 높은 진입 장벽은 redux의 흐름에 관한 이해와, action과 reducer 생성이라고 생각한다.전 블로깅에서 언급했듯이 보일러플레이트 코드를 너무 많이 사용해야된다.액션 타입, 액션 생성함수, 리듀서 이렇게 3가지 종류로 코드를 준비해야 한다.아래

2021년 12월 1일
·
0개의 댓글

[Redux] redux toolkit - createReducer / configureStore / createSlice

reducer를 더 간결하고 직관적으로 생성해주고내부적으로 state mutation을 용이하게 해주는 기능을 제공한다.(※ 특히 기존 reducer의 switch 분기처리를 대신하여 코드를 간결하게 구성 가능)switch-case 분기처리를 createAction 함

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

[React] 21. Redux-Saga + createSlice(createSelector 적용)

이번에는 createSelector를 사용해보도록 하겠습니다.react hooks를 배울 때 useMemo를 기억을 떠올려보도록하겠습니다.useMemo는 하나의 상태값을 변경하였을 때 해당 컴포넌트가 다시 랜더링이 될때 불필요한 작업들을 하는경우가 발생합니다.즉 똑같은

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

[React] 20. Redux-Saga( TOOLKIT - createSlice적용 )

전 게시글에서 Redux-Saga를 사용하고, toolkit의 createAction과 createReducer을 사용하여 reducer부분을 좀더 간결하게 사용을 해보았습니다. models/counter.js파일에 Redux-Saga와 Redux-Toolkit을 같이

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