Redux 란 무엇입니까? 핵심 원칙 (저장, 행동, 감속기)을 설명하십시오.-프런트엔드 Q&A-php.cn

Redux 란 무엇입니까? 핵심 원칙 (저장, 행동, 감속기)을 설명하십시오.

Redux는 JavaScript 응용 프로그램, 특히 React와 같은 프레임 워크로 구축 된 상태를 관리하는 데 도움이되는 예측 가능한 상태 컨테이너입니다. 일관되게 행동하고 다른 환경 (클라이언트, 서버 및 기본)에서 실행되는 응용 프로그램을 작성하고 테스트하기 쉽습니다. Redux는 몇 가지 핵심 원칙을 기반으로합니다.

단일 소스 : 전체 응용 프로그램의 상태는 단일 스토어 내의 객체 트리에 저장됩니다. 이를 통해 서버의 상태를 혼란스럽지 않은 클라이언트로 직렬화하고 수화 할 수 있으므로 범용 앱을 더 쉽게 만들 수 있습니다.
상태는 읽기 전용입니다 . 상태를 변경하는 유일한 방법은 행동을 방출하는 것입니다. 이를 통해 뷰 나 네트워크 콜백이 상태에 직접 글을 쓰지 않도록합니다. 대신, 그들은 국가를 변화시키려는 의도를 표현합니다.
순수한 기능으로 변경됩니다 . 상태 트리가 동작으로 어떻게 변형되는지 지정하려면 순수한 감속기를 작성합니다. 감속기는 이전 상태와 동작을 취하고 다음 상태를 반환하는 기능 일뿐입니다. 주어진 입력에 대해 동일한 출력을 생성하고 부작용을 생성하지 않기 때문에 순수합니다.

Redux는 JavaScript 응용 프로그램에서 상태를 어떻게 관리합니까?

Redux는 핵심 구성 요소 (상점, 동작 및 리더러를 통해 JavaScript 응용 프로그램의 상태를 관리합니다. 각 구성 요소가 국가 관리에서 역할을하는 방법은 다음과 같습니다.

상점 : 상점은 애플리케이션의 상태 트리를 보유하는 대상입니다. createStore 함수를 사용하여 생성되며 응용 프로그램 상태의 진실의 단일 소스입니다. 이 매장은 상태와 상호 작용하는 몇 가지 방법을 제공합니다. getState() 현재 상태를 검색하고, 상태를 업데이트하기 위해 dispatch(action) 하고 상태 변경을 듣기 위해 구독을 설정하도록 subscribe(listener) .
행동 : 행동은 무슨 일이 있었는지 설명하는 평범한 JavaScript 객체입니다. 그들은 Redux의 상태 변화를 유발하는 유일한 방법입니다. 동작에는 일반적으로 수행중인 동작 유형 및 동작을 추가로 설명하는 다른 필드를 나타내는 type 필드가 있습니다. dispatch 방법을 사용하여 작업이 상점으로 전송됩니다.
REDICERS : REDICERS는 매장에 전송 된 작업에 대한 응용 프로그램의 상태가 어떻게 변경되는지 지정합니다. 그것들은 현재 상태와 행동을 인수로 받아들이고 새로운 상태를 반환하는 순수한 기능입니다. reder는 조치에 따라 주가 어떻게 업데이트 해야하는지 결정하는 행동을 파견 할 때마다 호출됩니다.

실제로, 사용자가 응용 프로그램과 상호 작용하거나 상태 변경이 필요한 다른 이벤트가 발생하면 조치가 발송됩니다. 이 동작은 감속기를 통해 새로운 상태를 계산 하고이 새로운 상태는 상점에 저장됩니다. 그런 다음 구성 요소는 상점에서 업데이트 된 상태를 검색하고 이러한 변경 사항을 반영하도록 스스로를 재 렌더링 할 수 있습니다.

주 경영을 위해 Redux에서 조치를 사용하면 어떤 이점이 있습니까?

주 경영을 위해 Redux에서 조치를 사용하면 몇 가지 이점이 있습니다.

중앙 집중식 상태 관리 : 작업은 상태 업데이트를 관리하는 중앙 집중식 방법을 제공하므로 응용 프로그램 전체의 변경 사항을보다 쉽게 추적 할 수 있습니다.
예측 가능성 : 작업이 상태 변경을 트리거하는 유일한 방법이므로 응용 프로그램을 통한 데이터 흐름이 예측 가능해집니다. 이 예측 가능성으로 인해 디버깅 및 테스트가 더 쉬워집니다.
추적 성 : 조치를 취하면 모든 상태 변화를 기록하고 응용 프로그램의 기록을 볼 수 있으며, 이는 복잡한 상태 상호 작용을 디버깅하고 이해하는 데 유용합니다.
직렬화 : 조치는 직렬화 가능하므로 쉽게 기록, 저장 및 재생할 수 있습니다. 이는 시간 여행 디버깅과 같은 기능 및 실행 취소/레디 기능 생성에 특히 유용합니다.
디커플링 : 행동은 상태 변경을 유발하는 구성 요소에서 상태 논리를 분리하는 데 도움이됩니다. 이러한 문제의 분리는 응용 프로그램을보다 모듈화하고 유지하기가 더 쉬워집니다.

Redux의 리더러가 응용 프로그램 상태를 유지하는 데 어떻게 도움이 될 수 있습니까?

감속기는 다음 메커니즘을 통해 Redux에서 응용 프로그램 상태를 유지하는 데 중요한 역할을합니다.

불변의 업데이트 : Reducer는 상태 업데이트가 불변의 방식으로 수행되도록합니다. 기존 객체를 돌연변이하는 대신 새로운 상태 객체를 반환함으로써 Reducer는 상태를 예측 가능하고 쉽게 추적 할 수 있도록 도와줍니다.
순수한 기능 : 순수한 함수로서 감속기는 부작용이 없으며 동일한 입력에 대해 항상 동일한 출력을 반환합니다. 이 순도는 상태 전환이 일관되고 재현 가능하도록 보장하며, 이는 응용 프로그램 상태를 안정적으로 유지하는 데 필수적입니다.
중앙 논리 : Reducer는 상태 변경을 처리하기위한 논리를 중앙 집중화하여 응용 프로그램의 여러 부분에 흩어지지 않고 상태 논리를 더 쉽게 유지하고 수정할 수 있도록합니다.
합성 가능 : 주 트리의 다른 부분을 처리하기 위해 감속기를 결합 할 수 있습니다. 이 합성 가능성은 국가 관리에 대한 모듈 식 접근법을 허용하며, 다른 감속기가 국가의 다른 슬라이스를 처리 할 수있어 전체 국가 관리를보다 조직화하고 유지 관리 할 수있게합니다.
시간 여행 디버깅 : 감속기는 결정 론적이므로 (동일한 상태와 동작이 주어지면 항상 동일한 다음 상태를 생성 할 것입니다), 시간 여행 디버깅과 같은 기능을 가능하게하여 응용 프로그램의 다른 상태를 밟고 시간이 지남에 따라 상태가 어떻게 변하는 지 이해할 수 있습니다.

요약하면, 감속기는 조치에 대한 응답으로 상태를 업데이트하는 구조화되고 예측 가능하며 유지 관리 가능한 방법을 제공하여 응용 프로그램 상태가 일관되고 관리 가능하도록 보장함으로써 응용 프로그램 상태를 유지하는 데 도움이됩니다.

위 내용은 Redux 란 무엇입니까? 핵심 원칙 (저장, 행동, 감속기)을 설명하십시오.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!