Redux2 Redux-saga Redux는 비동기 동작들이 제어하기 어려운데, 비동기 동작을 더 쉽게 만드는 것이 Redux Saga라고 볼 수 있다. Redux Redux에서는 acation을 발생시키면 reducer을 통해 state를 변화시켜 store를 갱신했다. Redux-saga Redux-saga는 action과 reducer사이에서 흐름을 제어하는 미들웨어다. action이 발생하면, reducer가 액션을 처리하기 전에 다양한 작업을 할 수 있다. Redux-saga의 장점 기존 요청을 취소 처리하거나 불필요한 중복 요청을 방지할 수 있다. 비동기 작업을 처리하는데 효과적이다. 특정 액션이 발생했을 때, 다른 액션을 발생시키거나, 리덕스와 관계없는 코드 실행 시 사용한다. 즉, 간편하면서도 깊게 state의 흐름을 제.. 2024. 1. 1. Redux vs Zustand Redux와, Zustand는 React 상태관리 라이브러리로, 두가지 라이브러리 다 Flux 패턴이다. Flux 패턴이란? 단방향 데이터 흐름을 구현하기 위한 클라이언트 사이드 웹 어플리케이션 아키텍쳐 패턴 데이터를 예층 가능하게 하고, 데이터 흐름의 복잡성을 해결하는 장점이 있다. MVC 패턴과, Flux 패턴를 비교를 해보자. MVC 패턴 Flux 패턴 구조 데이터 흐름 양방향 단방향 특징 상태값을 하위 컴포넌트로 전달해주기 위해 불필요한 컴포넌트에 상태값을 선언해야됩니다. 상태값을 store에서 관리하여 필요한 컴포넌트에서만 가져와 사용할 수 있도록 해결합니다. Zustand Redux 복잡한 상태 관리가 필요 없는 작은 규모의 프로젝트에 적합한 가벼운 상태 관리 라이브러리 복잡한 상태 관리를 필.. 2023. 12. 13. 이전 1 다음
