11.23.22{코딩일기}벨로퍼트와 함께하는 모던리액트 6-3 챕터리뷰

[ 새롭게 알게된 것 ]

---

1. ReacDOM.render는 더이상 React 버전18을 지원하지 않음을 알게 되었다

---

해당부분은 추후 자세하게 좀 더 살펴볼 것이다.

---

 

2. createStore라는 스토어를 만들어주는 redux 함수를 알게 되었다

---

사용법은  아래와 같다.

import { createStore } from 'redux';

---

 

3. 액션 타입은 주로 대문자로 작성하고, 액션 생성함수는 camelCase로 작성한다

---

액션 생성함수 안에 액션 객체는 type값이 필수이다.

---

 

4. Redux 리듀서 함수를 사용할 땐 반드시 불변성을 지켜줘야 한다

---

스프레드 함수를 사용 하여 state값을 얕은 복사한다.

function reducer(state = initialState, action) {
  // state 의 초깃값을 initialState 로 지정했습니다.
  switch (action.type) {
    case INCREASE:
      return {
        ...state,
        counter: state.counter + 1
      };

---

 

5. store 안에 들어 있는 상태조회는 getState()함수는 리스너 함수를 만들때 사용한다

---

리스너 함수는 액션이 디스패치 될때마다 바뀐 상태를 출력해주는 커스텀 함수다. (내장함수아님 주의)

store.getState()를 호출할때마다 상태를 조회 가능하다.

구독을 해지하고 싶을땐 store.unsubscribe()을 호출하면 된다.

---