컴포넌트

• rafce
• 리액트 컴포넌트만 PascalCase 사용 : PascalCase
  • 그 외에는 camelCase ex) type, d.ts파일, ts파일
• 타입 Interface 선언시
  • 컴포넌트의 인자 : ~Props
    • 이때의 Interface는 type 폴더로 분리 금지
  • ex) MainComponent interface 선언시 = MainProps
• props명은 camelCase 대문자시 문제 생김
• 의미없는 div 또는 컴포넌트 최상단은 fragment 사용하기

const InfoText = () => {
	
  return (
  	<>
      <h1>Welcome!</h1>
      <p>This our new page, we're glad you're are here!</p>
    </>
  )
}

• children이 불필요할 땐 selfClosing사용하기 <Component/>

폴더명

• 무조건 소문자로 시작하기!
• 뒤에 s 붙이기
• 카멜케이스!

타입

• extends로 확장할 수 있을 땐 interface
• intersection union으로 합칠 수 있을 땐 type 키워드 사용
  • PascalCase 사용 (Ex. type size ‘sm’ | ‘md’ | ‘lg’ )
• 공통 타입아니면 컴포넌트 상단에 기입 ⇒ 변화에 흐름까지 같다
• prop의 타입명은 OOOProps
• type 사용시, OOOTypes