나는 아직도 Redux 문서를 읽고, 댄의 비디오를 보고, Wes `과정을 다시 하는 것이 좋습니다. 이제 우리는 썽크가 무엇인지 알고, 우리는 항목을 쓸 수 있습니다FetchData (). 특정 게시물 목록의 상태를 관리하는 게시물(상태, 조치)을 추출했습니다. 이것은 단지 감속기 조성물입니다! 감속기를 더 작은 감속기로 분할하는 방법은 우리의 선택이며, 이 경우 객체 내부의 항목을 게시물 감속기로 위임합니다. 실제 예제는 매개 변수화 된 페이지 조정 감속기를위한 감속기 공장을 만드는 방법을 보여 주며 더욱 발전합니다. 나는 아직 Redux에서 상태가 불변이라고 언급하지 않았으므로 수정할 수 없으므로 대신 감속기에서 새 상태를 반환해야합니다. 위에서 작성한 3개의 감속기는 간단하고 “방금 작동”했지만 배열에서 항목을 삭제하려면 익숙하지 않은 접근 방식이 필요합니다. 우리가 이해해야 할 Redux에 몇 가지 핵심 원칙이 있습니다 : 액션 인수는 Redux 작업이 아닙니다. Redux 동작이 나타내는 실제 비동기 함수입니다. 따라서 작업은 혼란스럽기는 하지만 매개 변수 이름입니다. 이제 redux, redux-thunk 및 반응 -redux를 설치할 수 있습니다. 이제 API에서 비동기적으로 데이터를 가져오는 앱이 있으며, 응용 프로그램의 상태를 관리하기 위해 UI용 React 및 Redux를 사용합니다.

나는 이것이 개인 / 소규모 프로젝트에 대한 좋은 출발점이라고 생각하며 또한 새로운 기술로 작업 할 수 있습니다. 스택 오버플로: 시간 초과 http://stackoverflow.com/questions/35411423/how-to-dispatch-a-redux-action-with-a-timeout/35415559#35415559 Dan Abramov를 사용 하 여 Redux 작업을 디스패치 Redux에서 비동기 동작 관리의 기본 을 설명 합니다., 걷기 접근 방식의 진보적 인 시리즈를 통해 (인라인 비동기 호출, 비동기 액션 크리에이터, 썽크 미들웨어). 일반적으로 `메타` 속성을 약하게 설정된 패턴에 사용해야 한다고 생각합니다. 예를 들어 디스패치의 타임스탬프를 추적하여 `메타`에 포함시킬 수 있습니다. 나중에 모든 작업에 타임스탬프가 있어야 하므로 해당 시점에서 `메타`에서 자체 속성으로 끌어내는 것이 더 합리적일 수 있습니다. 이전 코드를 사용하는 방법의 예로 로딩 화면을 구현해 보겠습니다. Redux와 함께 작업하기 위해, 우리는 `react-redux`에서 연결을 가져와야합니다 : 💡 재미있는 사실 : Redux Thunk가 코드의 14 줄이라는 것을 알고 계셨습니까? Redux 미들웨어가 후드 아래에서 어떻게 작동하는지 알아보려면 여기에서 소스를 확인하십시오. 이제 이 모든 것이 이러한 기본 응용 프로그램을 만드는 것은 과잉이라는 것을 알고 있습니다. 우리는 React 자체로 할 수 있었습니다. 예, 동의하지만 여기에 내 주요 목적은 redux thunk가 간단한 예제와 함께 작동하는 방법을 보여주기 위한 것이었습니다. 이 방법을 이해하면 이 접근 방식을 쉽게 받아 일부 수정을 통해 더 큰 프로젝트에서 복제할 수 있습니다.

npx create-react-app reactreduxthunk를 수행 하면 로딩 기호로 패키지를 해결 하지만 설치를 완료 하지 않습니다. 1) 왜 “getState” 매개 변수를 썽크 액션 크리에이터가 반환한 함수에서 벗어났습니까? 2) FSA 문서에 언급 된 메타 속성에 “시작”, “성공”, “실패”의 이러한 전환을 첨부 할 수 없습니까? 메타 태그에 무엇이 있는지 에 대한 예제를 찾지 못했습니다.

Read all articles in Uncategorized