React Redux란?

생강🖤·2021년 3월 9일
0
post-custom-banner

출처: https://redux.js.org/faq/general#when-should-i-use-redux
참고: https://velog.io/@yujo/React%EC%83%81%ED%83%9C%EA%B4%80%EB%A6%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC

아 진짜 Reduxㅠㅠ너무합니다ㅠㅠ어려워ㅠㅠ..


Redux: React 상태(state)관리 라이브러리

  1. React는 React컴포넌트에서 개별적으로 state를 관리함.
  2. Redux를 사용하면 state를 별도의 전용장소인 store에서 상태를 관리함
  3. React Component는 보여주는 용도로만 쓰임.

Redux 사용이유

  1. 많은 양의 state를 많은 곳에서 관리해야 할 때
  2. state의 update logic이 복잡할 때
  3. state의 update가 자주 일어날 때

Redux 장점

1. 상태의 중앙화 : store를 통해 상태를 한곳에서 관리함.

-> state를 관리할때 props나 전역변수를 통해 관리하지않고 store에서 관리하면 됨
-> state를 쉽게 저장하고 불러올 수 있다. store에서만 관리하면 됨

2. 읽기 전용 상태

-> Redux는 상태를 읽기 전용으로 취급함.
-> 상태를 변경하기 위해서는 일부를 변경하는 것이 아닌 상태 전체를 변경해야함.
-> state가 읽기 전용이므로 이전상태를 현재 상태에 덮어쓰기만 하면 됨.
-> Redux Undo 라이브러리를 통해 실행취소를 함.

3. Reducer

-> side effect가 일어나지 않도록 해야함.
-> side effect가 일어나지 않게 상태를 변경하는 함수 Reducer라고함.
-> state변경을 어떻게 할 것인지는 Action이 결정함.

profile
Slow but steady
post-custom-banner

0개의 댓글