React Native Redux (1) - redux 소개

앞에서 말 했 듯 이 본 고 는 redux 사용 중의 각 키워드 의 개념 을 정리 하 는 데 중심 을 두 고 redux 에 대한 본 고의 주소 항목 주 소 를 깊이 이해 할 것 이다.
redux 가 뭐 예요?
redux 는 JavaScript 상태 용기 로 JavaScript 응용 상태 에 대한 관 리 를 제공 합 니 다.
redux 설치

react - redux 설치

  npm install --save react-redux

redux 설치

  npm install --save redux

redux - thunk 설치

  npm install --save redux-thunk

소개
redux 는 세 부분 으로 구성 된다. Action, Reducer, Store

Action: 이벤트 의 시작 자 (동작) 는 사용자 나 프로그램 에 의 해 실 행 됩 니 다

Reducer: Action 유형 에 따라 서로 다른 응답 을 하고 새로운 state

로 돌아 갑 니 다.

Store: state 를 저장 하 는 집합

사용자 나 프로그램 이 특정한 동작 을 촉발 할 때 Reducer 는 Action 을 식별 하고 새로운 state 로 돌아 가 store 에 저 장 된 state 가 바 뀌 어 인터페이스의 변 화 를 초래 합 니 다.
좋 은 점

단일 데이터 소스: 데 이 터 는 store 에 만 존재 하고 개발 이 든 디 버 깅 이 든 매우 편리 하 다

state 는 읽 기 전용 입 니 다. action 을 터치 해야만 state

를 수정 할 수 있 습 니 다.
Provider
Provider 이 모듈 은 전체 App 의 용기 로 서 기 존의 App Container 를 바탕 으로 한 층 더 포장 합 니 다. 작업 은 간단 합 니 다. 바로 Redux 의 store 를 props 로 받 아들 이 는 것 입 니 다.
dispatch
dispatch 는 나 누 어 주 겠 다 는 뜻 이 있 습 니 다.사용자 나 프로그램 이 촉발 하 는 Action 이 Reducer 가 응답 하여 state 의 변 화 를 일 으 키 는 것 을 알 고 있 습 니 다.디 스 패 치 는 이들 의 전파 매체 역할 을 했다.간단하게 말 하면: 우선 store 에서 state 를 유 지 했 습 니 다. dispatch 하나의 action 은 reducer 검 사 를 촉발 할 것 입 니 다. 그 다음 에 reducer 는 이 action 에 따라 state 를 업데이트 합 니 다.
connect
connect 방법의 역할 은 react 구성 요소 와 store 를 연결 하 는 것 입 니 다. 즉, connect 방법 서브 구성 요 소 를 통 해 store 의 state 와 dispatch 를 얻 을 수 있 습 니 다.redux 의 connect 의 의 미 는 임 의 함 수 를 연결 할 수 있다 는 것 입 니 다. 이 함수 들 의 매개 변 수 는 store, state, dispatch 에 주입 할 수 있 습 니 다.connect 는 구성 요 소 를 reducer 와 연결 할 수 있 습 니 다.
combineReducers
우 리 는 reducer 가 순수 함수 라 는 것 을 알 고 있 습 니 다. 기 존의 state 와 action 을 받 아들 여 새로운 state 로 돌아 갑 니 다.state 가 비교적 많 거나 복잡 할 때, 우 리 는 모든 reducer 가 일부 state 데이터 만 관리 하도록 하고 싶 습 니 다.combine Reducers 는 모든 state 를 하나의 전체적인 state 로 우호 적 으로 통합 할 수 있 습 니 다.사실 combineReducers () 가 하 는 일 은 하나의 함 수 를 만 드 는 것 입 니 다. 이 함 수 는 일련의 reducer 를 호출 합 니 다. 모든 reducer 는 그들의 key 에 따라 state 의 일부 데 이 터 를 선별 하고 처리 한 다음 에 이 생 성 된 함 수 는 모든 reducer 의 결 과 를 큰 대상 으로 합 칩 니 다.
applyMiddleware
apply Middleware 는 미들웨어 로 action 이 시 작 된 후에 reducer 이전의 확장 점 에 도달 합 니 다.Redux middleware 를 이용 하여 로그 기록, 충돌 보고 서 를 만 들 고 비동기 인터페이스 나 경로 를 호출 할 수 있 습 니 다.
비동기 동작
네트워크 요청 이 있 을 때 비동기 작업 을 사용 해 야 합 니 다. 이 럴 때 는 Thunk middleware 나 redux - promise 미들웨어 를 사용 해 야 합 니 다.
강력 히 건의 하 다
Redux Redux 중국어 문서 Redux 영어 문서