logo

리액트 리덕스

Redux는 애플리케이션 상태를 관리하는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다. React는 사용자 인터페이스를 구축하기 위해 Redux를 사용합니다. 에 의해 처음 소개되었습니다. 단 아브라모프 그리고 앤드류 클라크 ~에 2015년 .

React Redux는 Redux의 공식 React 바인딩입니다. React 구성요소가 Redux Store에서 데이터를 읽고 전달할 수 있도록 합니다. 행위 ~로 가게 데이터를 업데이트합니다. Redux는 단방향 데이터 흐름 모델을 통해 상태를 관리하는 합리적인 방법을 제공하여 앱의 확장을 돕습니다. React Redux는 개념적으로 간단합니다. Redux 스토어를 구독하고 구성 요소가 원하는 데이터가 변경되었는지 확인한 다음 구성 요소를 다시 렌더링합니다.

파이썬은 UUID를 생성

Redux는 Flux에서 영감을 받았습니다. Redux는 Flux 아키텍처를 연구하여 불필요한 복잡성을 생략했습니다.

  • Redux에는 Dispatcher 개념이 없습니다.
  • Redux에는 유일한 Store가 있는 반면 Flux에는 많은 Store가 있습니다.
  • Action 객체는 Store에서 직접 수신하고 처리합니다.

React Redux를 사용하는 이유는 무엇입니까?

React Redux를 사용하는 주요 이유는 다음과 같습니다.

  • React Redux는 공식 UI 바인딩 반응 응용 프로그램에 대한. React 구성 요소가 예상대로 작동하도록 API 변경 사항을 최신 상태로 유지합니다.
  • 이는 좋은 'React' 아키텍처를 장려합니다.
  • 내부적으로 많은 성능 최적화를 구현하여 실제로 필요한 경우에만 구성 요소를 다시 렌더링할 수 있습니다.

리덕스 아키텍처

리액트 리덕스

Redux 아키텍처의 구성 요소는 아래에 설명되어 있습니다.

가게: 스토어는 애플리케이션의 전체 상태가 나열되는 장소입니다. 애플리케이션의 상태를 관리하며 디스패치(액션) 기능을 가지고 있습니다. Redux의 모든 움직이는 부분을 담당하는 두뇌와 같습니다.

행동: 작업은 Reducer가 읽을 수 있는 페이로드인 뷰에서 전송되거나 전달됩니다. 사용자의 이벤트 정보를 저장하기 위해 생성된 순수 객체입니다. 여기에는 동작 유형, 발생 시간, 발생 위치, 좌표, 변경하려는 상태 등의 정보가 포함됩니다.

감속기: Reducer는 작업에서 페이로드를 읽은 다음 그에 따라 상태를 통해 저장소를 업데이트합니다. 초기 상태에서 새로운 상태를 반환하는 것은 순수 함수입니다.

리덕스 설치

요구사항: React Redux에는 React 16.8.3 이상 버전이 필요합니다.

React Redux를 React 애플리케이션과 함께 사용하려면 아래 명령을 설치해야 합니다.

데이터 구조에서 구조란 무엇인가
 $ npm install redux react-redux --save 

리액트 리덕스