Redux 사용법 익히기

상태(state) 변경 과정

1.디스패치 호출

store.dispatch({type:필수값, 상태: 내맘대로});

• 디스패치는 리듀서를 호출함

2. 리듀서 호출

function reducer(state, action){}

• 리듀서는 현재 상태값과 엑션(디스패치 모든 내용이 엑션임)을 인자로 받음

3.리듀서에서 상태와 엑션을 참조하여 원하는 데이터 가공

상태값 변경시 기존 상태값 복사 복사한 데이터를 전달, 불변성유지!!

4. 겟스테이트로 상태값 조회

Redux.createStore(reducer).getState().상태

• 조회된 상태값 경로
  디스패치 > {상태: 내맘대로}

5. 랜더 함수 생성

상태값을 이용해 화면을 그려주는 함수 생성

6. 랜더 함수 구독(subscribe)등록

※리덕스 사용시 주의 사항

리덕스에 종속된 컴포넌트는 재사용성을 잃게 됨,(스토어 없이는 에러 발생..)..?
재사용성이라기 보다 모듈화? 암튼
재사용을 원하면 **래핑컴포넌트**로 스토어를 사용하고 기존컴포넌트는
모듈화 해서 사용할것...

도대체 무슨말인지 대충만 알겠는데 언젠가 이해되겠지

이해 하기 싫고 어려우면 리액트리덕스 공부하기