[Korean FE Article] 명확한 리액트 파일/디렉터리 구조
글 링크: https://bit.ly/3N8bpuu
소개
css-for-js 같은 프런트엔드 교육으로 유명한 Joshua Comeau가 정리한 리액트 파일/디렉터리 구조에 관한 글입니다. 글에서 언급하는 것처럼 리액트는 파일/디렉터리 구조에 관해 정해진 틀이 없는 것으로 유명합니다. Joshua Comeau는 7년이 넘는 시간 동안 여러 가지 리액트 프로젝트를 경험했고 그 과정에서 나름의 우선순위를 만들고 그 우선순위를 프로젝트에 적용해 사용 중이라고 하는데요. 글을 통해 어떻게 Joshua Comeau는 어떻게 작성하는지 살펴보고 자신의 프로젝트와 비교해 보는 건 어떠신가요?
tl;dr
컴포넌트를 쉽게 가져오도록 작성한다.
명확한 파일 이름을 갖도록 작성한다.
기능(feature)이 아닌 함수(function)별로 정리한다.
특정 컴포넌트에서만 사용하는 경우 같은 폴더에 두며 여러 곳에서 사용할 때 해당 파일을 상위 경로의 폴더로 이동해 공유한다.