2017-04-24 8 views
0

최소 : https://redux-minimal.js.org/확장 돌아 오는 나는 돌아 오는 최소 상용구를 확장하여 반작용 돌아 오는 응용 프로그램을 만들려고 해요

이 보일러는 현재 사용자의 목록을 관리합니다. 내 이해를 돕기 위해 두 번째 유형의 항목을 관리하는 다른 페이지 (예를 들어 스포츠 선수)를 확장하려고합니다. 누구든지이 상용구에 대한 간단한 확장의 예가 있거나이 방식으로 확장하는 일반적인 접근법에 대해 조언 할 수 있습니까? , users.js 동일 players.js의 두 번째 API 파일을 생성하지만,

  • 감속기가/플레이어의 배열을 반환 - -

    • API를 두 번째 추가 :

      작업 지금까지 찍은 플레이어의 감속기 .js는 users.js와 동일하지만 변수 및 상수 이름이 모두 변경됨

    • 내 선수 감속기에 대한 가져 오기가 추가되었습니다. 추가 선수 : 사용자 감속기 끝에 선수 : 사용자, [이것에 대해 확실하지 않음]
    • sagas/- 플레이어 api를 호출하고 변수와 상수 이름이 변경된 플레이어의 두 번째 이야기 추가
    • 플레이어의 무용담을 위해 수입을 추가
    • 라우터 기능 무용담을 해당하는 추가 된 - -
    • 무용담 /하는 index.js 내 플레이어 구성 요소에 대한
    • 구성 요소/공통의 추가 경로를 - 다양한 사용자의 추가 사본 ... 플레이어로 파일을 ... . 변수 이름을 가진 파일은
    • 구성 요소/App.js 전체에서 변경되었습니다. 응용 프로그램 시작시로드해야한다고 가정 할 때 componentWillMount()에서 PLAYERS_FETCH_LIST를 호출하기 위해 props.dispatch를 추가했습니다. 그러나 플레이어 구성 요소 경로에 액세스 할 때 호출되어야하는지 확실하지 않았습니다. 이 시점에서 주에 더 해졌다. 돌려 주어지는 player를 mapStateToProps에 추가했습니다.
    • 구성 요소/Player.js - 새로운 페이지 PlayerList 구성 요소에게 반응 학습을 처음 사용하는 경우
  • 답변

    0

    를 호출

    A) 당신은 (그것을 필요가없는 경우 돌아 오는을 사용/배울 필요 없다 아직), 그것의 의도적으로 복잡하고, 당신이 그것을 사용해야 할 때 그것을 사용하는 방법을 알아낼 것입니다. React에는 내장 된 상태 시스템이 있으며 구성 요소간에 공유해야 할 때 상태를 들어 올리는 것이 좋습니다.

    B) 여전히 Redux를 배우고 싶다면 당분간 redux-sagas 만 남겨 두어라. 확실히 redux를 요구하지는 않는다.

    만약 내가 당신이라면 redux-minimal을 뽑아 내고 redux 기초를 이끄는 좋은 안내서를 찾으십시오 (귀하가 귀하의 반응 지식에 대해 확신 한 후에 만)