블록 구문

한 줄짜리 블록일지라도 {} 를 생략하지 않고, 명확히 줄바꿈을 합니다.

// bad
if (true) return 'hello';

// good
if (true) {
  return 'hello';
}

함수

컴포넌트는 function() 키워드를 사용하여 선언합니다.

// bad
const Component = () => {
  return <p>컴포넌트</p>;
};

// good
function Component() {
  return <p>컴포넌트</p>;
}

일반 함수나 비컴포넌트 함수는 화살표 함수를 사용합니다.

// bad
function fnName() {};

// good
const fnName = () => {};

바로 반환하는 경우, 중괄호와 return 을 생략합니다.

// bad
const foo = () => { return 'bar'; };

// good
const foo = () => 'bar';

파일 및 폴더 구조