React와 Redux를 사용하는 인증 흐름을위한 구조

Question

React/Redux 앱에 대한 인증 흐름이 작동하며 상태 선택과 비동기 로그인/등록 기능을 처리하기 위해 reselect과 redux-saga을 사용하고 있습니다.

나는 로그인, 등록, 로그 아웃이 모두 작동하는 단일 컨테이너를 가지고 있습니다. 그러나 이제는 앱을 구조화하는 "올바른"방법을 찾아 내려고 노력하고 있습니다.

내 로그인 양식과 등록 양식은 모든 기능이 내장 된 자체 컨테이너 여야합니까? 그렇게하면 SET_AUTH 동작과 같은 특정 동작과 코드를 복제하는 것으로 나타납니다.

코드를 복제하고 컨테이너를 분리하는 것이 "정확합니까?" 아니면 내가 놓친 다른 방법이 있습니까?

Answer 1

내 루트 컨테이너 (App.js)에서 인증 컨테이너와 감속기를 전역으로 생성 한 다음 내 앱에서 작업을 파견합니다. 전 세계가 항상 사용할 수 있기 때문에 기다려야합니다. 파견 된 행동들.

컨테이너 당 상태를 관리하기 위해 응용 프로그램의 여러 부분에서 상태 조각을 얻기 위해 reselect을 사용했습니다.