React에서 자기가 좋다고 생각하는 디렉터리 구성

src
┣assets
┣common
┃┗interfaces
┣components
┃┣atoms
┃┣molecules
┃┗organisms
┣providers
┣routes 
┣services
┗template
App.tsx
index.tsx
.env
.env.development
.env.production

각 목록의 개략적인 설명

assets: 이미지와 글꼴 저장common: 페이지별 공동 사용(라이브러리 등) 통합common>interfaces: interface도 각각 정의<-type으로 정의할 수 있다components: template부터 사용된 부품components>atoms: 최소 단위의 부품components>molecules: 중형 부품components>organisms: 화면별 대규모 부품providers: 루트를 재건하기 위해 집합을 처리하는 역할routes: 라우팅 목록services: 각 화면에서 발생하는 처리template: 라우팅의 요소