본문 바로가기

redux4

[리덕스] Redux-Toolkit 사용 API 정리

Redux-Toolkit? 아래의 요구사항을 해결하기위한 패키지이다. 리덕스의 불편사항을 어느정도 해결해준다. - 너무 많은 보일러플레이트 코드 - 복잡한 리덕스 store설정 - 다른 유용한 패키지를 추가하고 싶다 createAction() Redux의 action type을 정의하는 생성자 함수임. import { createAction } from '@reduxjs/toolkit' const increment = createAction('counter/increment') let action = increment(); // { type: 'counter/increment' } action = increment(3) // return { type: 'counter/increment', payload:.. 2022. 11. 10.

[Redux-saga]왜 그냥 제너레이터만 안 쓰고, 사가로 제너레이터 처리를 해야하는가?

2022. 11. 7.

[redux] redux는 비동기 처리를 어떻게 하고 있을까?

redux는 순수함수가 컨셉이다. 순수함수란, 똑같은 입력이면 반드시 똑같은 응답이 나와야 한다는 것이다. 서버로부터 데이터를 받는 처리는 순수하지 않은 함수이다. 네트워크가 끊길 수 있고, 서버의 상황에 따라서 똑같은 입력에 모두 동일한 응답을 넘겨준다는 보장이 없기 때문이다. 그래서, redux는 내부적인 로직으로 이런 비동기 처리를 하는 함수를 제공하지 않는다. 별도의 미들웨어로 비동기를 동기적으로 처리하고 있다. 이런 비동기적인 처리방식이 순수함수가 컨셉인 redux와는 맞지 않는데, 이를 어떻게 사용할 수 있을까? 2022. 8. 13.

[Redux] Redux란?

자바스크립트 어플리케이션을 위한 상태관리 라이브러리 - 어플리케이션의 상태를 저장, 관리를 위해서 사용함. - components에서 dispatch를 사용해서 action을 정의한다. action에서 store 상태 값을 변경하기 위해서 reducer를 호출해서 상태를 변경한다. - subscribe를 통해서 store의 값이 갱신될 때마다의 로직을 작성할 수 있다. - react-redux를 통해서 리액트에 사용한다. Redux를 사용하는 이유 - 최상위 루트 컴포넌트에서 모든 상태를 가지고 있고, props로 계속 컴포넌트간에 데이터 전달이 빈번하게 일어난다. - 계속해서 변경되는 상당한 양의 데이터가 있다. - 상태를 위한 단 하나의 근원만 필요하다. Redux 함수의 API 특징 - action.. 2021. 11. 26.