내가 겪은 Redux 안티 패턴

내가 겪은 Redux 안티 패턴

변수명, payload

• 변수명 개판으로 쓰기

  Redux, Redux-Saga 까지 쓰게 되면 하나의 Action 에도 많은 양의 변수가 쓰인다

  Action Type, Action 객체, Saga 생성 이 Redux 모듈에 들어간다

  그리고 나같은 경우는 React 컴포넌트는 container 와 component 로 나누어서 container 에서 비즈니스 로직을 처리하는데 여기서 container 에서 함수/변수 까지 선언하게 된다

  여기서 최소로 드는 변수 선언 갯수는 4개이다

  그리고 container 에서도 간단한 로직들을 처리하게 되는데 여기서 변수명이 꼬일 수도 있다는 것이다.

  그래서 변수 명에 규칙을 제대로 정하지 않으면 좋은 코드가 나올 가능성은 떨어진다

• payload 조작 아무대서나 하기

  하나의 액션을 dispatch 할 때 난 보통 객체를 payload 에 집어넣은데 payload 를 꺼낼때나 집어넣을 때 변수명을 조작할 수 있는데 여기서도 코드 컨벤션을 지키지 않으면 정말 귀찮아진다

  payload 통제는 component, container, Action 객체 생성, Reducer 에서 할 수 있게 되고 여기서 payload 조작을 한 곳에서 집중적으로 처리하지 않게 되면 이 4개를 모니터링 해야한다