# createSlice
@reduxjs/toolkit
@reduxjs/toolkit 패키지를 통해 React에서 redux 사용하는 데 조금 더 편리한 기능들을 제공합니다.
react-redux 의 createAction, createReducer, createSlice 사용법
createAction(링크)공식문서 세부설명 자료(링크)좀더 자세한 다른분의 최신 설명 자료 링크(클릭)import { createAction } from '@reduxjs/toolkit'; 기존함수createAction을 이용한 변경된 코드액션 함수를 지우고 간결화
Redux Toolkit (리덕스 툴킷)과 createSlice()
Redux Toolkit(리덕스 툴킷)이란? Redux 를 더 쉽게 사용하기 위한 도구 기존 Redux의 여러 문제점을 보완해줌 Redux 의 문제점 무수한 보일러플레이트 코드가 필요함. 액션 타입, 액션 생성 함수, 액션별 리듀서를 각각 정의 하는 방식 리덕스 스토어 환경 설정 복잡함 상태관리를 위해 만들어야 하는 파일이 많고 복잡함 패키지를 많...
createSlice(redux-toolkit)를 이용하여 간단하게 action과 reducer 사용하기
리덕스에서 가장 높은 진입 장벽은 redux의 흐름에 관한 이해와, action과 reducer 생성이라고 생각한다.전 블로깅에서 언급했듯이 보일러플레이트 코드를 너무 많이 사용해야된다.액션 타입, 액션 생성함수, 리듀서 이렇게 3가지 종류로 코드를 준비해야 한다.아래
[Redux] redux toolkit - createReducer / configureStore / createSlice
reducer를 더 간결하고 직관적으로 생성해주고내부적으로 state mutation을 용이하게 해주는 기능을 제공한다.(※ 특히 기존 reducer의 switch 분기처리를 대신하여 코드를 간결하게 구성 가능)switch-case 분기처리를 createAction 함
[React] 21. Redux-Saga + createSlice(createSelector 적용)
이번에는 createSelector를 사용해보도록 하겠습니다.react hooks를 배울 때 useMemo를 기억을 떠올려보도록하겠습니다.useMemo는 하나의 상태값을 변경하였을 때 해당 컴포넌트가 다시 랜더링이 될때 불필요한 작업들을 하는경우가 발생합니다.즉 똑같은
[React] 20. Redux-Saga( TOOLKIT - createSlice적용 )
전 게시글에서 Redux-Saga를 사용하고, toolkit의 createAction과 createReducer을 사용하여 reducer부분을 좀더 간결하게 사용을 해보았습니다. models/counter.js파일에 Redux-Saga와 Redux-Toolkit을 같이