Redux[2021.09.17]
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. 테스트를 붙이기 쉽다.
Author And Source
이 문제에 관하여(Redux[2021.09.17]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jeonghun8910/Redux2021.09.17저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)