redux란?

https://galid1.tistory.com/628

javascript - Redux란? (redux 예제)

이 포스팅을 보고 따라 작성했습니다.

 

---

1. Redux 구성요소

Redux를 사용함에 있어 이해해야하는 두가지 요소 => reducer, action

-reducer

reducer는 2개의 인자를 전달받는 js 함수

첫번째 인자는 현재의 state, 두번째 인자는 action

reducer는 action의 type에 따라 이전의 state에 적절한 처리를 하여 새로운 state를 return함

보통 React에서는 state를 setState() 함수를 통해 변경함

하지만 Redux에서는 그렇게 하지 못함. Redux의 state는 불변하기 때문임

const initialState = {
    article: []
};
function rootReducer(state = initialState, action) {
    return state;
}
export default rootReducer;

위의 reducer는 아직 아무것도 하지 않는, 이해를 돕기 위한 간단한 예제임

rootReducer는 state와 action을 인자로 받음

이때 state는 초기값을 가지게 됨

-Action

action은 Redux의 state가 어떻게 변할지 알려주는 인자임

Redux에서는 state를 변경할 수 있는 유일한 방법을 store에 action 신호를 보내는 것이라고 규정함

 

즉 Action은 application에서 Store에 보내는 일종의 데이터임