Shiftone에서 사용하는 React and JSX Design GuideLine 입니다.

💫 참조

Style Guide

Basic Rules

• 1파일에는 1개의 React Component를 포함하는 것을 원칙으로 함.
  • 그러나, 연관된 multiple[Staless, or Pure, Components]는 1개의 파일에 허용할수 있음. eslint: react/no-multi-comp.
• JSX 파일 문법을 기본으로 하여 작성하도록 한다.
• Type Script를 사용하여 작성하도록 한다.(향후 예정임)

Naming

• 확장자명 : .jsx 확장자로 작성하도록 한다. eslint: react/jsx-filename-extension.
• 파일명: 파스칼케이스(PascalCase)형식으로 작성하도록 한다. E.g., Shiftone.jsx.
• 레퍼런스명: 리액트 컴포넌트는 파스칼케이스(PascalCase)로 작성하고, 그 레퍼런스는 카멜케이스(camelCase)로 작성하도록 한다. eslint: react/jsx-pascal-case

    //bad
    import shiftone from './Shiftone';

    //good
    import Shiftone from './Shiftone';

    //bad
    const ShiftoneItem = <Shiftone/>;

    //good
    const shiftoneItem = <Shiftone/>;

Methods