Redux[2021.09.17]

751 단어 reduxReactReact

1. Redux

React에서 State는 Class 컴포넌트 안에서 관리하며 형제 컴포넌트들 
간에 데이터를 주고 받을 때, 부모 컴포넌트를 통해서 주고 받는다.
그러나 자식 컴포넌트의 수가 증가하면 상태 관리가 복잡해 진다.
이에 상태 관리 라이브러리인 Redux를 통해 해결 가능한다.

Redux의 기본 개념 : 세 가지 원칙
1. Single source of truth
  - 동일한 데이터는 항상 같은 곳에서 데이터를 가져온다.

2. State is read-only
  - 액션이라는 객체를 통해 state 변경 가능

3. Changes are made with pure funcitons
  - 변경은 순수 함수로만 가능하다
  
Store : 상태가 관리되는 오직 하나의 공간이며 컴포넌트에서 
        store 접근하여 데이터를 가져올 수 있다
Action : 자바스크립트 객체, 액션 객체는 store에게 데이터를 운반해 주는 역할
Reducer : 현재 상태와 Action을 이용해 다음 상태를 만들어 냄

* Action 객체는 Dispatch에게 전달되고, 
  Dispatch는 Reducer를 호출해서 새로운 state 생성
  
Redux의 장점
1. 상태를 예측 가능하게 만들어 준다.

2. 유지보수

3. 디버깅에 유리하다(action과 state log 기록 시)

4. 테스트를 붙이기 쉽다.

좋은 웹페이지 즐겨찾기