티스토리 뷰
반응형
리액트 미들웨어는 애플리케이션의 액션과 스토어 상태 간의 중간 단계로서 동작하는 소프트웨어다. 주로 Redux와 함께 사용되며, 액션을 처리하거나 상태를 변화시키기 전에 추가적인 작업을 수행할 수 있다.
미들웨어 정리표
미들웨어 | 설명 |
redux-thunk | 비동기 작업을 처리하고 액션 생성자에서 함수를 반환할 수 있게 해준다. 주로 비동기 작업을 다룰 때 사용된다. |
redux-saga | 제너레이터 함수를 이용하여 복잡한 비동기 작업을 처리하는 미들웨어 |
redux-logger | 개발환경에서 스토어의 액션과 상태를 콘솔에 로깅하여 디버깅을 도와주는 미들웨어 |
redux-persist | 스토어의 상태를 지속적으로 유지하고, 로컬 스토리지 또는 다른 저장소에 상태를 저장할 수 있게 해준다. |
redux-throttle | 특정 액션에 대한 디스패치를 제어하여 쓸데없는 액션 호출을 방지할 수 있게 해주는 미들웨어 |
redux-observable | RxJS를 기반으로 하는 미들웨어로, 비동기 작업을 처리하기 위해 Observables를 사용한다. |
redux-batched-actions | 액션 디스패치를 배치 처리하여 성능을 최적화해주는 미들웨어 |
미들웨어는 프로젝트의 요구 사항에 따라 다양하게 선택될 수 있다. 사용하고자 하는 미들웨어는 프로젝트의 특성과 필요에 따라 적절히 선택되어야 한다.
반응형
'React' 카테고리의 다른 글
[React] Redux Toolkit에서 비동기 처리하기 (0) | 2024.02.05 |
---|---|
[React] redux-toolkit 사용 이유, redux와 비교 (0) | 2024.02.05 |
[React] redux-thunk로 비동기 동작 다루기 + 예제 (0) | 2024.02.04 |
[React] Redux 사용 이유와 예제 (1) | 2024.02.01 |
[React] 상태 관리 방법 정리표 (전역/로컬) (0) | 2024.01.31 |