TIL(20.05.01) redux

이민택·2020년 6월 30일
0

TIL

목록 보기
43/44

redux

리액트에서는 상태와 속성을 이용한 컴포넌트 단위 개발 아키텍쳐 였지만 redux에서는 컴포넌트와 상태를 분리하는 패턴을 배운다. Redux는 React 없이도 사용할 수 있는, 상태 관련 라이브러리다

일반적인 리액트 구조에서 아래와 같은 많은 계층 구조를 가지는 데 유정의 상태를 가진 하나의 컴포넌트를 위해서 이를 계속 계층을 따라서 내려가야 하는 전달 체계가 필요하게 된다

이런 문제를 해결해 줄 것 이 바로 리덕스이다

스토어에 저장되어 있는 state 를 가져다 쓸 수 있고 관리자 (dispatcher)를 가져와서 이벤트를 헨들링 할 수 있다

Redux의 개념

자바스크립트에서 사용할 수 있는 state 컨테이너이다.

Redux의 기본 개념 세가지 원칙

  • Single source of truth
    • 상태가 관리되는 오직하나의 공간 → store
    • Action : simple JavaScript Object ( 이벤트에 해당하는 내용을 객체로 만들어서 전달 )
  • State is read-only
  • Chages are made with pure functions

Redux의 장점

  • 상태를 예측이 가능하게 만들어준다
  • 유지보수 용이
  • 디버깅에 유리하다(action과 state로그 기록하면 된다)
  • 테스트를 붙이기 쉽다
profile
데이터에 소외된 계층을 위해 일을 하는 개발자를 꿈꾸는 학생입니다

0개의 댓글