Redux :: 미들웨어 redux-saga 사가 나누기 및 리듀서 연결하기

 

saga 나누기

rootSaga에서 기능별로 파일을 만들어서 오른쪽 사진과 같이 나눈 후,

rootSaga는 import해온 파일 fork 해주기.

 

 

 

 

리듀서 연결하기 / 액션 flow

-saga 사용환경 세팅(biio-studying.tistory.com/162?category=944898)에서 리덕스랑 사가릉 연결해줌.

 

리듀서도 사가처럼 대응되는 액션을 만들어준다.

 

 

 

로그인 액션을 디스패치 한 후 일어나는 일

dispatch(LOG_IN_REQUEST) → reducer/ LOG_IN_REQUEST실행, isLoggingIn: true → saga/ logIn 실행 →delay(1000)

→ put(LOG_IN_SUCCESS) → reducer/ LOG_IN_SUCCESS실행, isLoggingIn:false, isLoggedIn:true

→ AppLayout/ isLoggedIn이 true이므로 LoginFrom대신 UserProfile이 보임