redux 예제

그 지식으로 무장 한 우리의 첫 번째 Redux 감속기로 이동하자. 구성 요소를 Redux Store에 연결하려면 이전과 동일합니다. redux 썽크는 많은 프로젝트에 대한 완벽한 의미가 있습니다. 사실 나는 당신이 Redux에서 비동기 흐름을 관리 할 필요성을 느낄 때 redux thunk로 시작하는 것이 좋습니다. 일을 지나치게 복잡하게 할 필요가 없습니다. 또한 redux thunk를 완전히 건너 뛰고 비동기 논리를 사용자 지정 미들웨어로 이동할 수 있습니다. 그러나 실제로 비동기 작업은 테스트하고 구성하는 것이 더 까다로워질 수 있습니다. 간략한 요약: React 구성 요소를 Redux와 연결하기 위한 키가 연결됩니다. Redux 미들웨어는 감속기에 도달하기 전에 우리의 행동을 가로 채고 그에 따라 행동할 수 있는 기능입니다. 그리고 이론은 매우 간단 하지만, Redux 미들웨어 는 조금 혼란 보일 수 있습니다.

그것의 기본적인 형태로 Redux 미들웨어는 매개 변수로 다음 소요 함수를 반환 하는 함수입니다. 그런 다음 내부 함수는 매개 변수로 작업을 수행 하 고 마지막으로 다음 (작업)를 반환 하는 다른 함수를 반환 합니다. 그래서 여기 내가 지금, Redux에 대 한 기사를 작성 하 고 어떻게 반응에서 사용 되어야 한다. 나중에이 기사에서는 지난 1 년 동안 일한 프로젝트 중 하나에 Redux를 추가 할 것입니다. Redux는 또한 자바 스크립트 개발자를위한 많은 편의를 제공합니다. 디버깅, 액션 재생. 그리고 훨씬 더. 요약하자면, Redux는 일반 개체이외의 다른 유형의 작업을 이해하지 못합니다. 비동기 논리를 React에서 Redux로 이동하고 일반 개체 대신 함수를 반환할 수 있도록 하려면 사용자 지정 미들웨어를 사용해야 합니다. 하지만… Redux는 좋은 투자입니까? JS의 상태 관리가 여전히 해결되지 않은 문제이므로 JavaScript 응용 프로그램에서 상태는 널리 보급되고 어렵습니다.

일단 당신은 다음 섹션을 통해 자신감을 가지고 머리를 느낀다. 우리는 Redux와 반응을 연결에 바로 갈거야! 마지막으로 해야 할 일은 전체 앱에 대한 스토어를 만드는 것입니다. 전체 앱에 대해 하나의 저장소 / 하나의 상태만 있기 때문에 저장소에 대한 새 폴더를 만들지 않습니다. 원하는 경우 저장소에 대한 새 폴더를 만들고 추가할 수 있지만 여러 작업을 가질 수 있고 폴더 내에 유지하는 것이 더 나은 작업과 같은 작업과는 다다.

Uncategorized