Redux 의미와 특징

1.Redux 정보

리덕스는 사용률이 높은 라이브러리입니다. Redux를 사용하면, 단순 react 라이브러리를 사용했을때와 다르게, 컴포넌트별로 상태를 공유할 때 여러 컴포넌트를 거치지 않고 손쉽게 상태를 관리, 변경이 가능합니다.
또한, 리덕스에서는 브라우져 내에 추가적인 기능을 통해서 현재 상태에 대한 정보를 확인하기가 편리해집니다.
그래서 React와 다르게 컴포넌트별로 관리되지 않아, 상태확인이 더 쉬워지고, 유지보수도 좀 더 편리해집니다.

Redux의 특징

Redux의 특징은 크게 3가지로 나뉘어집니다.

1.Single source of truth (Store)

같은 데이터는 항상 같은 장소에서 관리됩니다.

2.State is read-only (Action)

React에서는 상태를 변경할 때, setState를 사용해 변경해야만 했던것처럼, Redux에서는 Action이라는 객체를 통해서 상태를 변경 할 수 있습니다.

해당 객체는 다음과 같은 형식으로 이루어져 있습니다.

{
  Type : "ADD_TODO" ,
  data : {
    id : "0",
    text : "study Redux"
  }
}

액션 객체는 반드시 Type 필드를 가지고 있어야 하고, 그 이외의 값들은 자유롭게 셋팅이 가능합니다.

3.Changes are made with pure functions (Reducer)

변경은 순수 함수로만 가능합니다. 해당 내용은 리듀서와 연관되어 있습니다. Reducer는 2번의 상태 변경을 위한 Action과 연결되며, Action객체가 Dispatch에게 전달되고, Dispatch는 Reducer를 호출하여 새로운 상태를 만들어냅니다.

리듀서의 사용방법은 아래와 같습니다.

function reducer(state, action) {
  return alteredState;
}

리듀서는 state와 action이라는 두가지 파라미터를 받아오게 되어 있습니다. 현재 상태와 전달받은 액션을 사용하여 새로운 상태를 반환합니다.