React | 1st Project: Live Review

• state 선언은 컴포넌트 맨 위에서.

• 주석

  • FIXME: 추후 수정해야 함
  • TODO: 당장 구현하기 어려운 것 혹은 추후 해야 하는 것
  • 코드만으로 설명하기 어려울 때 ex) 정규표현식 설명

• API 주소는 config.js(전역)에서 관리.

// config.js
export const BASE_URL = 'http://---:8000';

export const api = {
  skin: BASE_URL + '/skin',
  login:  BASE_URL + '/login',
};

// skin.js
import { api } from '../../config.js';
fetch(api.skin)

• react는 선언적. 함수명도 how보다는 what for?.

// bad
const handleModal = () => {};

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

• naming convention
  • PascalCase
  • camelCase
  • snake_case
  • kebeb-case