리덕스 코드 작성하기

박은정·2021년 10월 5일
0

TIL

목록 보기
32/72
post-custom-banner

리덕스 관련 코드에 대한 디렉터리 구조

리덕스를 사용할 때에는 아래 3가지 코드를 작성해야 하는데

  • 액션타입
  • 액션 생성 함수
  • 리듀서 코드

리덕스 관련 코드에 대한 디렉터리 구조는 정해진 방법이 없기 때문에 마음대로 작성해도 되지만
각각 다른 파일에 작성하거나, 기능별로 묶어서 하나에 작성할 수 있다

각각 다른 파일에 작성

일반적인 구조로 아래 3개의 디렉터리를 만들고 + 그 안에 기능별로 파일을 하나씩 만드는 방식을 사용한다면

actions
constants
reducess

코드를 종류에 따라 다른 파일에 작성해서 정리할 수 있어서 편리하지만
새로운 액션을 만들 때마다 3가지 파일 모두 수정해야 하기 때문에 불편하다
이 방식은 리덕스 공식 문서에서 사용되기 때문에 가장 기본적인 방법이라 할 수 있지만, 사람에 따라서는 불편할 수 있다

기능별로 묶어서 하나의 파일에 작성

액션타입, 액션 생성함수, 리듀서 함수를 기능별로 파일 하나에 몰아서 다 작성하는 방식으로
Ducks 패턴이라고 불린다
일반적인 구조로 리덕스를 사용하다가 불편함을 느낀 개발자들이 자주 사용한다

Ducks 패턴을 사용하여 액션타입, 액션 생성 함수, 리듀서를 작성한 코드를 모듈 이라고 한다

profile
새로운 것을 도전하고 노력한다
post-custom-banner

0개의 댓글