Redux

Redux? 

Flux라는 개념을 구현한 기술

 

Redux의 탄생배경

앱의 규모가 크게되면 MVC 모델의 데이터흐름을 포작하기 어려운 점때문에

데이터 흐름을 포착하기 쉽게 하기위해 FLUX패턴이 등장하였다.

 

처음에는 앱의 규모가 작아 데이터의 흐름을 포착하기 쉬웠지만....

기본 MVC 모델

 

앱의 규모가 커지면 커질수록 모델과 뷰의 의존성이 커진다.. 그래서 어느 하나의 모델의 변화로

몇개의 뷰가 바뀌는지 뷰의 변화로 몇개의 모델이 바뀌는지 예측하기 어려워졌다.

앱의 규모가 커지면 커질수록 모델과 뷰의 의존성은 커진다.

facebook의 유명한 채팅알림버그

https://bestalign.github.io/translation/cartoon-guide-to-flux/

Flux로의 카툰 안내서

 

Reducer

변화를 일으키는 함수이며 순수함수

 

순수함수? 

* 부수 효과 = 외부의 상태를 변경하는 것 또는 함수로 들어온 인자의 상태를 직접 변경하는 것

* 순수 함수 = 부수효과가 없는 함수 즉, 어떤 함수에 동일한 인자를 주었을 때 항상 같은 값을 리턴하는 함수

  + 외부의 상태를 변경하지 않는 함수

 

 

기타등등

$npm run reject // 이건 build 옵션이라던가 create-react-app에서 정의한 스크립트들을 변경하기위한 commend

설치 패키지

redux, react-redux -> 뷰 레이어 바인딩 (컴포넌트에서 리덕스에 쉽게 연결가능한 라이브러리)