리덕스(Redux) 기본 특징

리덕스 공식 홈페이지에 가면 이런 말이 있다.

A Predictable State Container for JS AppsGet Started

바로 자바스크립트를 위한 예측 가능한 상태의 저장소라는 의미이다.

프로그램의 몸집이 커질수록 여러가지의 상태와 컴포넌트들이 생겨나고, 이들이 서로 유기적으로 얽혀있어 거대한 복잡도를 가지게 된다. 리덕스는 이러한 복잡성을 해소해주고, 상태들을 예측 가능하게 해준다는 의미이다.

1. 단 하나의 상태를 갖는다.
하나의 객체(store) 안에 프로그램에서 필요한 모든 상태를 넣는다.

2. 예고없이 상태값을 변경하는 행위를 사전에 차단한다. (읽기 전용이다)
dispatcher/reducer를 통해서만 객체를 수정할 수 있으며, 스테이트 값이 바뀔 때 마다 각 상태 사용처에 알려준다.

3. UNDO와 REDO가 쉽다.
데이터 변경을 관리할 뿐 만 아니라 변경 시에는 원본 데이터를 유지하고, 복제본을 생성하여 수정시킨다. 결과적으로 각각의 상태 변화가 서로 독립되어 변경된다.

4. 효율적인 디버깅
상태를 직접 변경시키지 않기 때문에 디버깅 시, 현재 상태 뿐 만 아니라 이전 상태에 대한 디버깅이 함께 가능하다.

5. 핫모듈 리로딩
프로그램은 새로 변경된 상태에 따라 업데이트 되지만 데이터가 유지되기 때문에 재입력 등의 작업이 불필요하다.

6. 리덕스는 리액트와도 합이 잘 맞지만 단독 자체로도 충분히 쓸만 하다.
굳이 리덕스를 사용하기 위해 리액트 등을 설치하지 않아도 기능 동작이 가능하다.

 

https://redux.js.org/

Redux - A predictable state container for JavaScript apps. | Redux

 

https://hyermione.tistory.com/70

redux vs mobx vs recoil