2023-02-11(Ducks patturn)

✅Ducks patturn에 대해 간단하게 설명하자면
✅Ducks patturn 작성방식은?

• 간단하게 설명
  개발자와 협업을 해야 하는 상황에 놓였을 때 수많은 파일 중에 내가 필요로 하는 구성요소를 찾는것이 쉬울까?
  -->Erik Rasmussn 라는 개발자가 이것을 패턴화하여 작성하는 것을 제안
  이를 Ducks패턴이라고 한다

• Ducks patturn 작성방식은?

1. 모듈 파일 1개에 Action Type, Action Creator, Reducer가 모두 존재하는 작성방식
2. reducer함수를 export default한다.
3. Action creator함수를 export한다.

---예시 코드들---

밑의 예제처럼 3부분을 나눌 수 있다

✅action value

const PLUS_ONE = counter / PLUS_ONE;
const MINUS_ONE = counter / MINUS_ONE;
const PLUS_N = "counter /PLUS_N"

✅action creator

export const plustOne = () => {
  return {
    type: PLUS_ONE,
  };
};
export const minusOne = () => {
  return {
    type: MINUS_ONE,
  };
}; 
export const plus_n = (payload) => {
    return {
        type : PLUS_N
        payload : payload,
    }
}
const initialState = {
  number: 0,
};

✅reducer

const counter = (state = initialState, action) => {
  switch (action.type) {
    case PLUS_ONE:
      return {
        number: state + 1,
      };
    case MINUS_ONE:
      return {
        number: state - 1,
          };
      case PLUS_N:
          return {
              number : state.number + action.payload,
          }
    default:
      return state;
  }
};