[짜잘한 react] 리엑트 파일 구조

AnSuebin·2022년 10월 12일
0

파일 유형에 따라 분류하는 것이 가장 흔한 방법(기능에 따른 분류도 있지만, 보편적이지 않음)

1. 유형에 따른 분류 추천

  • api들로 구분
  • 보편적으로 사용하는 버튼과 같은 컴포넌트
  • 말그대로 한 페이지에서 보여지는 페이지 구성, 그 내부에 컴포넌트 파일 하나 더 넣어 페이지에 필요한 컴포넌트 구성
  • hooks와 같은 필요한 것들 구성
# 구조
src/
	- apis/
	- components/
	- pages/components
	- utils/

2. 너무 많은 충첩 피하기

  • 단일 프로젝트 내에서는 3번 혹은 4번을 최대한으로 폴더를 중첩하도록 제한하는 것을 고려해보세요.

참고
https://ko.reactjs.org/docs/faq-structure.html

profile
고객에게 명료한 의미를 전달하고, 명료한 코드를 통해 생산성 향상에 기여하고자 노력합니다.

0개의 댓글