[React] side effect

gyrbs22·2021년 8월 10일
0

React

목록 보기
8/41

1. side effect

React에서 상태변화를 일으키는 모든 요소들을 말한다.

React 문서에서 정의하고 있는 side effect는 아래와 같다.

즉 DataBase에 접근하여 data를 확보하는 것부터 시작해서,
data의 상태관리를 통해 DOM에 적용하기까지 상태변화에 영향을 주는 모든 요소를 side effect라 일컫는다.

2. 예시

  • React에서 useState, useEffect를 통해 변수의 상태관리
  • Redux에서 store의 상태변화를 감지하는 Subscriber, 상태변화를 알려주는 action dispatch
  • Redux에서 store의 상태변화를 실질적으로 반영하여 새로운 객체를 반환하여 저장해주는 Reduce

이 모든 것은 상태변화에 관여하고, side effect에 해당하는 요소들이다.

이러한 상태변화에 사용되는 모듈은

Redux Thunk / Redux saga가 대표적이며 이 중 Redux saga가 최근 많이 사용되는 추세이다.

3. 참조링크

React 참조문서
https://ko.reactjs.org/docs/hooks-effect.html

0개의 댓글