그의 프로젝트 React (Redux 제외)의 파일을 구성하는 방법은 무엇입니까?

Question

현재 저는 sass, images 및 jsx 파일을 사용하고 있으며 표준이 있는지 알고 싶습니다.

예를 들어

, 현재 나는이 일을 해요 : 내 App.jsx (예 수입품)에서

"/src 
    /components 
     App.jsx 
     App.scss 
     /Header 
     Header.jsx 
     Header.scss 
    /utils 
    index.js" 

파일을 조직하는 좋은 사례가 많은 방법에게 있습니다

import Header from './Header.jsx 
import appSass from './App.scss' 

Answer 1

, 내가 현재 코딩 용 부트 캠프를 거치며 조직의 과정을 보여주었습니다.

/src 
    /components 
     /app 
      index.js 
      app.scss 
     /header 
      index.js 
      index.scss 
    /lib 
     util.js 
    /style 
     main.scss 
     _reset.scss 
     _vars.scss 
     _layout.scss 
     _base.scss 
    main.js 

import Header from './header' 

내가이 유지하는 좋은 방법을 발견 : 당신은 사용하여 가져올 수있는 것입니다

import App from './component/app' 

하고 app.js (및 기타 구성 요소)에 : main.js 당신은 당신의 응용 프로그램 구성 요소를 가져올 수 있습니다 구성 요소는 각 구성 요소를 저장하고있는 디렉토리 레벨을 파악하지 않고도 수입을보다 체계적으로 구성하여 획일 화합니다.

sass 파일을 구성하는 좋은 방법이기도합니다. 스타일 디렉토리 내에는 전체 앱의 스타일링과 관련된 모든 sass 파일이 있습니다. main.scss는 다른 파일을 가져오고 먼저 적용 할 scss를 지정합니다 (일반적으로 재설정/표준화). 각 구성 요소 디렉토리에는 해당 단일 구성 요소의 스타일을 지정하는 sass 파일도 포함됩니다.