Redux 스토어는 Redux 응용 프로그램의 상태 관리를위한 중앙 허브입니다. 응용 프로그램의 전체 상태 트리를 단일 객체로 유지합니다. 이 매장은 상태를 유지하고, getState() 을 통해 상태에 액세스 할 수 있도록, dispatch(action) 사용하여 상태를 업데이트하고 subscribe(listener) 을 통해 청취자 등록과 같은 몇 가지 핵심 기능을 제공합니다. 본질적으로, Redux Store는 응용 프로그램 상태에 대한 단일 진실의 소스입니다.
Redux 스토어를 만들려면 Redux 라이브러리에서 createStore 기능을 사용합니다. 일반적으로 상점을 만드는 방법은 다음과 같습니다.
<code class="javascript">import { createStore } from 'redux'; import rootReducer from './reducers'; const store = createStore(rootReducer);</code> 이 예에서 rootReducer 응용 프로그램이 동작에 대한 응답으로 어떻게 변하는 지 정의하는 함수입니다. 이 축소기를 createStore 로 전달하여 상점을 초기화합니다. 선택적으로, 초기 상태와 인핸서를 createStore 로 전달할 수 있습니다.
<code class="javascript">const initialState = { // initial state here }; const store = createStore(rootReducer, initialState, applyMiddleware(...middlewares));</code> applyMiddleware 함수를 사용하면 상점에 미들웨어를 추가 할 수 있으며, 예를 들어 비동기 동작이나 로깅을 처리하는 데 사용할 수 있습니다.
Redux 상점의 필수 구성 요소는 다음과 같습니다.
type 속성이 있어야하며 다른 데이터를 포함 할 수 있습니다. 행동은 상점의 상태 변경을 유발하는 유일한 방법입니다.dispatch 기능은 상점에 작업을 보내는 데 사용됩니다. store.dispatch(action) 호출 할 때 스토어는 루트 감소기를 실행하여 현재 상태와 동작을 제공하고 주 상태를 Reducer에서 반환 한 값으로 업데이트합니다.getState 기능을 사용하면 스토어의 현재 상태를 검색 할 수 있습니다. 이것은 언제든지 현재 상태를 읽는 데 유용합니다.subscribe 함수를 사용하면 작업이 발송 될 때마다 리스너를 등록 할 수 있습니다. 이것은 상태가 변경 될 때 UI를 업데이트하거나 부작용을 수행하는 데 사용됩니다.Redux Store는 예측 가능한 데이터 흐름을 통해 응용 프로그램 상태를 관리하며 종종 "Redux Cycle"이라고합니다. 작동 방식은 다음과 같습니다.
store.getState() 로 전화하여 언제든지 최신 상태에 액세스 할 수 있습니다. 그러나 구성 요소가 React-Redux와 같은 라이브러리를 사용하는 것이 더 일반적입니다. React-Redux와 같은 라이브러리는 자동으로 업데이트를 저장하고 UI를 업데이트합니다.store.subscribe(listener) 사용하여 상점에 가입하면 액션이 발송 될 때마다 청취자 기능이 호출되어 상태 변경에 반응 할 수 있습니다. 이것은 일반적으로 DOM 업데이트 또는 API 호출과 같은 부작용에 사용됩니다.이주기는 상태 전환이 예측 가능하고 국가가 항상 최신의 응용 프로그램에서 일관되도록합니다.
Redux Store 사용은 응용 프로그램에서 주 관리에 몇 가지 이점을 제공합니다.
요약하면, Redux Store를 사용하면 특히 더 크고 더 복잡한 프로젝트에서 응용 프로그램 상태의 관리 및 유지 가능성을 크게 향상시킬 수 있습니다.
위 내용은 Redux 상점이란 무엇입니까? 하나를 어떻게 만드나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
