React 프로젝트에서 Styled Components 파일 구성 방법

Question

React 프로젝트에서 Styled Components를 어떻게 구성해야합니까? 예를 들어, 나는 스타일을 추가하고 싶은 Navbar 컴포넌트가 있습니다. 별도의 파일 NavbarStyle을 만들어 Navbar로 가져와야합니까? Navbar 구성 요소 또는 다른 항목에서 NavbarStyle을 만드시겠습니까? 아니면 단추와 같은 일반적인 구성 요소 일뿐입니다.

그리고이 버튼과 다른 것들 - 예를 들어 styledComponents 폴더 나 하나의 파일에 별도의 파일을 만들어야하고 그 중 하나의 파일을 만들어 필요한 요소를 가져와야합니까? 나는 그것이 우리의 취향에 달려 있다는 것을 알고 있지만, 모범 사례 조언을 듣고 싶습니다. (StyledComponents docs는 프로젝트에서 menage에 대해 아무 말도하지 않습니다.)

Answer 1

React가 인기있는 이유는 자유와 프로젝트 구조로 인해 사용할 수 있기 때문입니다. 프로젝트 구조에는 좋고 나쁜 관행이 많이 있습니다. 여기에 대한 간단한 의견이 있습니다. 밖에서 회사는 모든 구성 요소를 자체 스타일로 분리하기로 결정했습니다. 예를 들어, 모든 버튼, 체크 박스 등은 자신의 스타일 파일을 가지고 있습니다. 우리는 직접 구성 요소로 모든 클래스를 가져옵니다 때문에 우리가 직접 우리는 대신에 큰 복잡한 말대꾸 파일에 대한 검색의 편집에 필요한 CSS 알고의

import './checkbox.scss' 

, 이것은 워크 플로우를 향상시킨다. 나는 그들이 분리하는 SCS 스타일 시트가없는 스타일-구성 요소를 참조 받았다고 생각