React의 짝꿍 Redux 뽀개기

0.  리덕스(Redux)란?

• 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너
• 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고,
  테스트하기 쉬운 앱을 작성하도록 도와줌
•  React나 다른 뷰 라이브러리와 함께 사용가능
• 다음 조건을 충족할 때 사용하는 게 적절함
  • 계속해서 바뀌는 상당한 양의 데이터가 있다
  • 상태를 위한 단 하나의 근원이 필요하다
  • 최상위 컴포넌트가 모든 상태를 가지고 있는 것은 더 이상 적절하지 않다

 

1.  리덕스 툴킷(Redux Toolkit)이란?

• Redux 로직을 작성하기 위해 저희가 공식적으로 추천하는 방법
• Redux 앱을 만들기에 필수적으로 여기는 패키지와 함수들을 포함

 

2. Flux 와 Redux

•  Flux와 마찬가지로 Redux에서는 애플리케이션의 특정 레이어에 있을 모델 업데이트 로직에 집중할 수 있도록 함(Flux의 '저장소', Redux의 '리듀서')
• Flux와 달리 Redux에는 디스패처라는 개념이 존재하지 않습니다.
  • Redux가 이벤트 에미터보다 순수 함수들에 의존하고 있기 때문
•  Redux는 당신이 결코 데이터의 상태를 바꾸지 않는다고 가정함
  •  리듀서에서는 항상 새로운 객체를 반환해야 함 
    • Babel에 구현되어있는 ES7에서 제안된 object spread 문법이나 Immutable을 사용할 수 있음

 

 

 

 

 

 

2022.07.30 - [React!] - 2022.07.30. TIL (리덕스 툴킷)

2022.08.01 - [React!] - 리덕스툴킷(Redux Toolkit)

 

출처 : https://ko.redux.js.org/introduction/getting-started/

Redux 시작하기 | Redux