Redux-개요

Redux는 JavaScript 앱을위한 예측 가능한 상태 컨테이너입니다. 애플리케이션이 성장함에 따라 조직을 유지하고 데이터 흐름을 유지하기가 어려워집니다. Redux는 Store라는 단일 전역 객체로 애플리케이션의 상태를 관리하여이 문제를 해결합니다. Redux 기본 원칙은 애플리케이션 전체에서 일관성을 유지하는 데 도움이되므로 디버깅 및 테스트가 더 쉬워집니다.

더 중요한 것은 시간 여행 디버거와 결합 된 라이브 코드 편집을 제공한다는 것입니다. React, Angular, Vue 등과 같은 모든 뷰 레이어와 함께 사용할 수 있습니다.

Redux의 원리

Redux의 예측 가능성은 다음과 같이 가장 중요한 세 가지 원칙에 의해 결정됩니다.

진실의 단일 소스

전체 애플리케이션의 상태는 단일 저장소 내의 개체 트리에 저장됩니다. 전체 애플리케이션 상태가 단일 트리에 저장되므로 디버깅이 쉽고 개발 속도가 빨라집니다.

상태가 읽기 전용입니다.

상태를 변경하는 유일한 방법은 발생한 일을 설명하는 객체 인 작업을 내보내는 것입니다. 즉, 아무도 애플리케이션의 상태를 직접 변경할 수 없습니다.

순수한 기능으로 변경

상태 트리가 동작에 의해 어떻게 변환되는지 지정하려면 순수 리듀서를 작성합니다. 감속기는 상태 수정이 발생하는 중심 위치입니다. Reducer는 상태와 동작을 인수로 취하고 새로 업데이트 된 상태를 반환하는 함수입니다.